#I LOVE YOU EVERDAY#

<script type="text/javascript">
        $(function(){
           var f = false;
		   var f1 = false;
		   var f2 = false;
			var f3 = false;
			var f4 = false;
			$("#type1").click(function(){
       if(f=!f){
			var baoming_daohang1 = document.getElementById('type1');
             baoming_daohang1.setAttribute("class", "flex1 flex-box middle active");
			 document.getElementById('type12').style.cssText = "display:none";
			document.getElementById('type11').style.cssText = "display:block";
              // alert("你好");
                event.stopPropagation();    //  阻止事件冒泡
       }else{
	   var baoming_daohang1 = document.getElementById('type1');
           baoming_daohang1.setAttribute("class", "flex1 flex-box middle");
			document.getElementById('type11').style.cssText = "display:none";
              // alert("你好");
                event.stopPropagation();    //  阻止事件冒泡
	}   
   });
      	$("#type2").click(function(){
	      if(f1=!f1){
			var baoming_daohang1 = document.getElementById('type2');
             baoming_daohang1.setAttribute("class", "flex1 flex-box middle active");
			document.getElementById('type11').style.cssText = "display:none";
			document.getElementById('type12').style.cssText = "display:block";
              // alert("你好");
			  f=!f;
                event.stopPropagation();    //  阻止事件冒泡
       }else{
	   var baoming_daohang1 = document.getElementById('type2');
           baoming_daohang1.setAttribute("class", "flex1 flex-box middle");
			document.getElementById('type12').style.cssText = "display:none";
              // alert("你好");
                event.stopPropagation();    //  阻止事件冒泡
	}
    });
        })
    </script>

<div class="tabPage" data-tab="" >
    <ul style="border-top:3px solid #eee;top:45px">

<li id="type1" data-default="风格" class="flex1 flex-box middle"><div class="ellipsis" style="max-width: 80%;">风格</div><i class="iconfont"></i></li>
     <li id="type2" data-default="面积" class="flex1 flex-box middle"><div class="ellipsis" style="max-width: 80%;">面积</div><i class="iconfont"></i></li>

</ul>
</div>

<div class="tabShow" id="type11" style="display: none;">
{pboot:nav num=10 parent={sort:tcode}}

<span {pboot:if('[nav:scode]'=='{sort:scode}')}class="tabSpan black active" {else} class="tabSpan black" {/pboot:if}><a href="[nav:link]">[nav:name]</a></span>

{/pboot:nav}

</div>

<div class="tabShow" id="type12" style="display: none;">
	
 {pboot:select field=ext_mj}

<span {pboot:if('[select:value]'=='[select:current]')}class="tabSpan black active" {else} class="tabSpan black" {/pboot:if}><a href="[select:link]">[select:value]</a></span>

{/pboot:select}

</div>