javascript - 单击时切换 CSS 样式

Question

为此苦恼了一段时间，我很快就会脱发。

我在这里有一个网站: http://ve.jago-staging.com/我试图弄清楚如何更改下面的代码，以便当我单击特色帖子时，转换会以相同的方式发生，而不仅仅是圆形单击链接。

我见过一些示例，其中我单击元素本身，它会更改样式，但不受外部控制。

圆形点击仍然需要工作

感谢您的帮助

(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);

Answer 1

这样做:

$(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;
}