Javascript 点击时切换CSS样式

我现在为这个挠头一会儿，很快就会掉头发

我在这里有一个网站： 我试图找出如何修改下面的代码，这样当我点击特色文章时，转换也会以同样的方式发生，而不仅仅是点击链接

我见过一些例子，我点击元素本身，它改变了样式，但没有外部控制

圆形单击仍然需要工作

谢谢你的帮助

(function($) {
        $(document).ready( function() {
            $('.feature-slider a').click(function(e) {
                $('.featured-posts section.featured-post').css({
                    opacity: 0,
                    visibility: 'hidden'
                });
                $(this.hash).css({
                    opacity: 1,
                    visibility: 'visible'
                });
                $('.feature-slider a').removeClass('active');
                $(this).addClass('active');
                e.preventDefault();
            });
        });
    })(jQuery);

这样做：

$(document).ready( function() {
        $('.feature-slider a').click(function(e) {
            $('.featured-posts section.featured-post').toggleClass('your-extra-css');
        });
    });

并在css中添加css内容：

.your-extra-css {
visibility:visible;
}

这样做：

$(document).ready( function() {
        $('.feature-slider a').click(function(e) {
            $('.featured-posts section.featured-post').toggleClass('your-extra-css');
        });
    });

并在css中添加css内容：

.your-extra-css {
visibility:visible;
}

---

还有什么“圆形点击”仍然需要工作。。？我已经简化了代码，希望它现在更清晰了？还有什么“循环单击”仍然需要工作。。？我已经简化了代码，希望它现在更清晰？您不应该在文档中添加“您的额外css”类。在单击h1；）之后，jQuery会为您执行此操作当jQuery添加类时，您可以用css代码告诉它应该做什么。只要未添加该类，“特色帖子”类将隐藏或不显示。我已经为您编辑了代码：您不应该将类“您的额外css”添加到文档中。在单击h1；）之后，jQuery会为您执行此操作当jQuery添加类时，您可以用css代码告诉它应该做什么。只要未添加该类，“特色帖子”类将隐藏或不显示。我已经为您编辑了代码：