近期学习了js，用jquery实现简单的功能。在此做个笔记：
要实现下面这样的导航和内容。点击每个城市出现每个城市下的内容。如下图：默认显示北京的内容，点击上海显示上海的部分。
http://s16/mw690/60b35e83hcd7f114d017f&690

http://s8/mw690/60b35e83hcd7f11bd2307&690
html代码如下： 
http://s4/mw690/001LNhZNgy6FOhHvMEb13&690
css代码如下：
.mt10{margin-top:10px;}
.hand{cursor:pointer;}
.menu_city ul li{float:left; background:#09C;padding:6px 40px; margin-right:1px;}
.menu_city ul li.current{ background:#0CF;}

js代码如下：
 $(document).ready(function(){
     $(".menu_city li").click(function(){
            $(".menu_city li").removeClass("current");
         $(this).addClass("current");
         $("#content div").hide();
         var name=$(this).attr("id");
         $("#"+name+"_con").show();
        })
     })