我试图实现手风琴菜单。 我这么做了，但没用。 我只想做切换图标
null
$('.logo-button').click(function(){
$(this).find('.my-arrow').toggleClass('down');
}); .my-arrow.down {
transform:rotate(450deg);}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#logo-fifthteen-content" class="logo-button" data-toggle="collapse" data-target="#collapse15" aria-expanded="false" aria-controls="collapse15">
<span class="left-side-panel">Text</span>
<i class="fa fa-angle-right my-arrow"></i>
</a>null
为了使transform属性工作，请尝试在.my-arrow.down类中设置display:block或display:inline-block:
.my-arrow.down {
display: block;
transform:rotate(450deg);
...
CSS3转换不工作
