天天团购的切换城市目前只是一个Div层城市太多了就会跑到层外面去，比较不友好，以后可以考虑做个单独的页面。目前是修改main.css  #show_provinces{height:150px稍微增加了一点高度。

show_provinces Div天天团购做的是需要点X号进行关闭，不太友好，下面的实现是鼠标移出之后自动隐藏的：

      $("#top_title").click(function() {
            $("#show_provinces").toggle();
        }).css({
            "cursor": "pointer",
            "text-decoration": "underline"
        });
        在上面的代码后增加：
        $("#show_provinces").hover(function(){},function(){
            $(".show_citys").hide();
            $("#show_provinces").hide();
        });

 

在这里稍微做下笔记，jquery mouseout对于Div中嵌套有其他元素的情况是不太好用的，貌似是移到div层内的元素时也会触发。

<div id="show_provinces" >
<div class="city_close" id="close">[关闭]</div>
<div style="margin-bottom:0.75em; font-weight:bolder;" class="city_chose"><span>请选择您所在的城市:</span></div>
    <ul class="scity">
        <li><span class="sub_title"><a href="?city=cn">全国</a></span></li>
        <li><span class="sub_title"><a href="?city=jinan">济南</a></span></li>
    </ul>
</div>

        $("#show_provinces").mouseout(function(){
            $(".show_citys").hide();
            $("#show_provinces").hide();
        });