单击时切换 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;
}