Question

我的代码带有一个按钮：

<a class="btn btn-default btn-sm">
<i class="fa fa-align-justify"></i>
</a>
<ul id="ma-mobilemenu" class="mobilemenu nav-collapse collapse" style="display: none;">
<li><?php echo $_menu ?></li>
</ul>

点击按钮时，我想使用其他代码：

<a class="btn btn-default btn-sm">
<i class="fa fa-align-justify"></i>
</a>
<ul id="ma-mobilemenu" class="mobilemenu nav-collapse collapse" style="display: block;">
<li><?php echo $_menu ?></li>
</ul>

Answer 1

使用jquery完成工作：

<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>


</head>

<body>
<a class="btn btn-default btn-sm">
<i class="fa fa-align-justify">Link/Button</i>
</a>
<ul id="ma-mobilemenu" class="mobilemenu nav-collapse collapse" style="display: none;">
<li>Menu</li>
</ul>


<script>

$(document).ready(function(){
$(".btn").click(function(){
    if(($(".mobilemenu").css("display"))=='none'){
        $(".mobilemenu").css("display","block");
    }else{
        $(".mobilemenu").css("display","none");
    }
})
});


</script>

</body>
</html>

如果您点击链接<a></a>，则会更改<ul></ul>显示无阻止。

单击按钮...其他

1 个答案: