这是我的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但动画无效。