Button 点击按钮。。。其他的_Button_Onclick

Button 点击按钮。。。其他的

button

Button 点击按钮。。。其他的,button,onclick,Button,Onclick,我有一个带有按钮的代码： <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

我有一个带有按钮的代码：

<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>

使用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>


链接/按钮

菜单

$（文档）.ready（函数（）{
$（“.btn”）。单击（函数（）{
如果（$（“.mobilemenu”）.css（“显示”）=='none'）{
$（“.mobilemenu”）.css（“显示”、“块”）；
}否则{
$（“.mobilemenu”）.css（“显示”、“无”）；
}
})
});

如果您单击链接，它将更改为“显示无”以阻止。

@GennaroSantoro可能是您做错了什么。等等，我正在发送最后一个问题。。。点击后工作正常。。如果我想用另一个点击dislpay to none？非常好。。再次感谢！。。工作正常，但是当链接到jquery.min.js时，页面中的另一个脚本不起作用：（@GennaroSantoro使用jquery 1.10.2ok。我正在尝试从您的脚本（总是冲突）和其他脚本更改jquery版本。。这很好。祝您好运。您有编程问题吗？