JQUERY实现网站导航点击链接不跳转只展开/收缩二级菜单
在制作手机网站时，网站导航有时会有二级菜单，当某个栏目有二级菜单时，点击父超链接不跳转，只展开/收缩二级菜单。默认情况下，只要我们点击了超链接就会跳转，如果想让点击链接不跳转只展开/收缩二级菜单，就需要使用JQUERY来控制。
实现效果如下：
实现方法比较简单，只要将下面的JQUERY代码放在导航代码下方即可。
<script>
$(".navlist>li.menu-item-has-children>a").click(
function(){
$(this).attr("href","#");
$(this).next("ul").slideToggle();
});
</script>
如果要PC站导航是移动显示二级菜单，手机站是点击展开，可以用下面的代码：
<?php if (is_mobile() ): ?>
<script>
$(".navlist>li.menu-item-has-children>a").click(
function(){
$(this).attr("href","#");
$(this).next("ul").slideToggle();
});
</script>
<?php else: ?>
<script>
$(".navlist>li").hover(function () {
$(this).children("ul").show()
}, function () {
$(this).children("ul").hide()
});
</script>
<?php endif ;?>
通过PHP判断是不是手机站，从而加载不同的JQUERY代码，实现不同的功能需求。