移动端导航点击按钮显示隐藏

<div class="xymob-head visible-sm visible-xs">

<div class="xymob-head-box">

<div class="xymob-logo">

<div>

<a href="/">

<img src="{pboot:sitetplpath}/images/a3b2d719b5a6cf82fdd3f4c48e24a061e02b7eae.png" />

</a>

</div>

</div>

<div class="xymob-navbtn">

<span></span>

</div>

<div class="xymob-search-btn"><i class="icon-font icon-search"></i></div>

</div>

<div class="xymob-menu">

<div class="xymob-menu-box">

<ul class="xymob-nav">

<li>

<a href="/">HOME</a>

</li>

<li>

<a href="[nav:link]">[nav:name]</a>

<div class="xymob-menu-jt"><i class="icon-font icon-down"></i></div>

<ul class="xymob-sub-menu">

{pboot:2nav parent=[nav:scode]}

<li><a href="[2nav:link]">[2nav:name]</a></li>

{/pboot:2nav}

</ul>

</li>

{/pboot:nav}

</ul>

</div>

</div>

<div class="xymob-search">

<div class="xymob-search-close-btn"><i class="icon-font icon-close"></i></div>

<div class="xymob-search-box">

<form method="get" name="formsearch" id="formsearch" action="{pboot:scaction}" >

<input type="text" name="keyword" id="keyword" placeholder="Please enter keywords" />

<button type="submit" id="s_btn"><i class="icon-font"></i></button>

</form>

</div>

<div class="xymob-seaerch-wz">

<span>Total station search</span>

<a href="#">关键字一</a><a

href="#">关键字二</a><a

href="#">关键字三</a>

</div>

</div>

</div>

<script>

$(".xymob-search-btn").on("click", function () {

//判断xymob-search类是否有clicked类

if($(".xymob-search").hasClass('clicked'))

{

$(".xymob-search").removeClass("clicked");

}

else{

$(".xymob-search").addClass("clicked");

}

});

$(".xymob-search-close-btn").on("click", function () {

;$(".xymob-search").removeClass("clicked");

})；

$(".xymob-navbtn").on("click", function () {

//判断xymob-navbtn是否有clicked类

if($(this).hasClass('clicked'))

{

$(this).removeClass("clicked");

$(".xymob-menu").css("display","none");

}

else{

$(this).addClass("clicked");

$(".xymob-menu").css("display","block");

}

});

</script>