如何使用jQuery的标志交换CSS显示属性

Question

当用户单击下拉菜单按钮（class.drop）时，会将div与class一起删除。下拉菜单应显示：inline并且当再次单击下拉菜单按钮时，将显示带有类的div。下拉菜单应显示：无 我正在使用标志功能来实现此结果，但单击时它不会执行任何操作。没有国旗它也能用。

<script>
    $(".drop").on('click', function(){
        $('.dropdown').css('display', flag ? 'inline' : 'none' );
    });
</script>




Answer 1

您可以在css（）中使用回调函数

<script>
    $(".drop").on('click', function(){
        $('.dropdown').css('display', function(i,v){return v=='none' ? 'inline' : 'none' });
    });
</script>

Answer 2

您可以使用jQuery在不同的CSS类之间切换。但是，您需要创建这两个类。如果您在两个不同的类之间切换，您甚至不需要跟踪标志特性（我假设您的意思是它是否被切换）。

$(".drop").on('click', function(){
  $('.dropdown').toggleClass('inline none');
});

.inline {
  display: inline;
}

.none {
  display: none;
}

什么是。toggleClass（）函数的作用是，如果元素中没有特定的类，则将其添加到元素中；如果该类已经是元素的一部分，则将其删除。