slideToggle with pseudo arrow

Question

我正在使用打开和关闭div的脚本，但我想要解决的是如何将.fontawesome打开/关闭箭头图标添加（和切换）到.reveal类。我喜欢使用伪元素的想法，但我对javascript的有限知识证明是困难的。

有人可以提供任何指导吗？

$(document).ready(function() {
    $('.reveal').click(function() {
        $(this).prev('div').slideToggle();
    });

    $('.unreveal').click(function() {
        $(this).parent().slideUp();
    });
});



    <div class="slidingDiv">
       <p>content goes here</p>   
    </div>  
    <a class="reveal" href="#">Open / Close</a>

Answer 1

您可以使用toggleClass：

 $(document).ready(function() {
     $('.reveal').click(function() {
       $(this).prev('div').slideToggle();
       $(".reveal i").toggleClass("fa-arrow-up fa-arrow-down");
  });


});

小提琴http://jsfiddle.net/t6cfwLcq/1/ 当然你可以选择你想要的任何字体图标