相关疑难解决方法(0)

jQuery Accordion在点击时更改字体真棒图标类

我有一个关于我发现的简单jQuery手风琴的问题.

我想使用Font Awesome图标来指示带有加号和减号图标的活动/非活动状态.在我的JSFiddle中,您可以看到带有加号图标的手风琴标题.单击标题时,"fa-plus"类需要更改为"fa-minus".

我已经使用add和removeClass做了一些测试,但是我无法让它工作.我真的是一个jQuery/javascript菜鸟!希望你们能帮助我:-).

jQuery('.accordion dt').click(function() {

    jQuery('.accordion dt').removeClass('active');
    jQuery('.accordion_content').slideUp('normal');

    if(jQuery(this).next().is(':hidden') == true) {
        jQuery(this).addClass('active');
        jQuery(this).next().slideDown('normal');
    }
});

jQuery('.accordion_content').hide();
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/XrGU8/

javascript css jquery accordion font-awesome

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

accordion ×1

css ×1

font-awesome ×1

javascript ×1

jquery ×1