Question

使用jQuery可以改变被点击的手风琴标题的雪佛龙类，这样当没有显示正文时，它会显示一个指向右边的V形符号，当它显示时，它会显示一个指向下方的V形符号。我只是遇到了麻烦。

我尝试过这个想法：

$(document).ready(function() {

    $('#first-panel').on('click', function(){

        if($('#first-panel-span').is(":visible") ){
            $('#first-panel-span').removeClass('glyphicon glyphicon-chevron-right');
            $('#first-panel-span').addClass('glyphicon glyphicon-chevron-down');
        } else {
            $('#first-panel-span').addClass('glyphicon glyphicon-chevron-right');
            $('#first-panel-span').removeClass('glyphicon glyphicon-chevron-down');
            $('#first-panel-span').css("display", "block");
        }

    });

});

这是一个小提琴：http://jsfiddle.net/ycryphah/1/

我已经查看了其他答案，但它们并不适合我的需求。

感谢任何帮助，谢谢。

Answer 1

http://jsfiddle.net/7r0tjLr5/

        if($('#first-panel-span').is(":visible") ){
        $('#first-panel-span').toggleClass('glyphicon-chevron-down glyphicon-chevron-right');
    }

试试这个。顺便说一句，你在css窗口中有你的jquery。

使用jQuery更改开启和关闭身体的bootstrap accordion下拉图标

1 个答案: