我所知道的常用的就这两种。
第一种:说明一下我用的是fontawesome字体,首先要去官网下载来用
我用的是bootstrap,所以hidden是自带的,上面的初始状态就是下箭头angle-down是显示的,然后上箭头angle-up是hidden的.
上
js代码
:$(this).children('.fa-angle-down').toggleClass('hidden');
$(this).children('.fa-angle-up').toggleClass('hidden');
})
$(this).children('.fa-angle-up').toggleClass('hidden');
})
就这样,上下箭头就可以来回切换了,一般来说就是显示内容的时候可能会用到呢
第二种方法
就是,HTML代码css代码
js代码
就是a').click(function(){
$(this).children('.arrow').toggleClass('open')
})