Jquery Animation在switchClass中不起作用

时间:2015-06-12 06:29:20

标签: javascript jquery css

这是我的jquery,

$('.collapse').on('shown.bs.collapse', function () {

    $(this).parent().find(".plusminus").switchClass('glyphicon-plus', 'glyphicon-minus', 1000, 'easeInQuad');
    $(this).parent().find(".plusminus").css("color", "");

    $(this).parent().find(".panel-heading").addClass('select');
});
$('.collapse').on('hidden.bs.collapse', function () {
    $(this).parent().find('.plusminus').switchClass('glyphicon-minus', 'glyphicon-plus', 1000, 'easeInQuad');
    $(this).parent().find(".plusminus").css("color", "#FF7E00");
    $(this).parent().find(".panel-heading").removeClass('select');
});

这是我用过的html,

<div class="col-sm-6 col-md-6">
    <div class="panel panel-default">
        <a class="linkfaq" data-toggle="collapse" data-target="#<?php echo $p['id']; ?>">
            <div class="panel-heading">
                <div class="panel-title">
                    <i class="plusminus glyphicon glyphicon-plus pull-left" style="color: #FF7E00"></i>
                    <?php echo $p[ 'question'] ?>
                </div>
            </div>
        </a>
        <div id="<?php echo $p['id']; ?>" class="collapse">
            <?php echo $p[ 'answer']; ?>
        </div>
    </div>
</div>

这里,如代码所示,我使用了switchClass但动画无效。

0 个答案:

没有答案