点击另一个元素的一个元素toogle类

Question

如何在单击整个另一个元素时从元素切换（添加/删除）类。现在我正在使用

$('.caption-trigger').click(function(){
    $('.carousel-caption').toogle;
    console.log("Hide caption");
});

因此，当用户点击.caption-trigger时，会在.carousel-caption上切换此元素。有人怎么处理这个？

由于

Answer 1

您的代码看起来不完整。否则

$('.carousel-caption').toggleClass('someClass', booleanVar);

应该可以正常工作。

Answer 2

您使用.toggleClass()：

$('.caption-trigger').click(function(){
    $('.carousel-caption').toggleClass('your-class');
    console.log("Hide caption");
});

这将切换元素your-class

上的类.carousel-caption

Answer 3

.toggle（）用于显示或隐藏元素

 $('.caption-trigger').click(function(){
            $('.carousel-caption').toggleClass('classname');
            console.log("Hide caption");
        });

您还可以使用动画通过设置持续时间来切换元素。

$('.caption-trigger').click(function(){
                $('.carousel-caption').toggle("slow", function() {
                console.log("Hide caption");.
                  }););   
            });