单击按钮...否则

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>

如果您单击 link <a></a> 它将更改 <ul></ul> 显示 none 以阻止。

单击按钮...否则

Button on click ... else

onclick

button