单击时切换CSS样式

时间:2012-04-26 19:16:27

标签: javascript jquery html css-transitions

现在我的头Sc一会儿,我很快就会失去头发。

我在这里有一个网站: 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);

1 个答案:

答案 0 :(得分:3)

这样做:

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