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