当用户单击下拉菜单按钮(class .drop)时,class 为 .dropdown 的 div 应该display: inline;
,当再次单击下拉菜单按钮时,class 为 div。 dropdown should display: none;
我正在使用标志功能来实现此结果,但在单击时它不会执行任何操作。它可以在没有标志的情况下工作。
<script>
$(".drop").on('click', function(){
$('.dropdown').css('display', flag ? 'inline' : 'none' );
});
</script>
最佳答案
您可以使用 jQuery 在不同的 CSS 类之间切换。但是,您需要创建这两个类。如果您在两个不同的类之间切换,您甚至不需要跟踪标志功能(我假设您的意思是它是否被切换)。
$(".drop").on('click', function(){
$('.dropdown').toggleClass('inline none');
});
.inline {
display: inline;
}
.none {
display: none;
}
.toggleClass()
函数的作用是将特定的类添加到元素中(如果它没有),如果它已经是元素的一部分则将其删除。
关于javascript - 如何使用 jQuery 的标志来交换 CSS 显示属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31331797/