css点击li里面的标签 点击当前标签字体加粗 之前的恢复原始状态

                    <div class="functionalNavigation">
                        <ul class="ulp">
                            <icon class="icon-like"></icon><a href="ceshi.html "  style="text-decoration: none;"><li style="color:#333333;" class="ulp-a" >Liked me</li></a>
                            <icon class="icon_iliked"></icon><a href="login2.html"   style="text-decoration: none;"><li style="color:#333333;" class="ulp-a" >I like</li></a>
                            <icon class="icon_liked1"></icon><a href="mutual.html"   style="text-decoration: none;"><li style="color:#333333;" class="ulp-a" >Liked mutual </li></a>
                            <icon class="icon_visitor"></icon><a href="visitor.html"   style="text-decoration: none;"><li style="color:#333333;"  class="ulp-a">Visitor</li></a>
                        </ul>
                    </div>

        $(function () {
            $(".ulp-a").click(function () {
                $(this).css("font-weight", "bold").parent().siblings().children().css("font-weight", "normal");
            });
        });