我希望能够从 div 中删除一个类,并通过单击按钮添加另一个类。但我无法让它发挥作用。
<div class="hiddennav displaynone">
<ul>
<?php wp_nav_menu(array('menu' => 'Main Nav menu')); ?>
</ul>
</div> <!-- end div hiddennav -->
<div class="fixednav">
<div class="shownav"><a href="#" class="shownavbutton"></a></div>
<!-- end div shownav -->
</div> <!-- end div fixednav -->
这是 jQuery:
$(document).ready(function(){
$(".shownavbutton").click(function() {
$(".hiddennav").removeClass("displaynone").addClass("displayblock");
});
我更希望它在多次单击时也能切换类。
Try $(selector).toggleClass(class)
:
$(document).ready(function(){
$(".shownavbutton").click(function() {
$(".hiddennav").toggleClass("displaynone").toggleClass("displayblock");
});
});
或者,您也可以使用 CSS 方法(假设这就是您通过您的displaynone
and displayblock
类):
$(".hiddennav").toggle(function() {
$(this).css('display','none');
}, function() {
$(this).css('display','block');
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)