slideUp在slideToggle中的fontawesome图标上

Question

我制作了一个图像框,当你点击它时,文本框会随着slideToggle效果向下滑动.当我再次单击该框以关闭文本框时,slideToggle工作.但是当文本滑落时,我在文本框中放置了一个fa-angle-up fontawesome图标,因此访问者可以关闭文本框,而不必再次按下图像框.这是我的小提琴.现在我似乎无法弄清楚如何使fa-angle-up图标起作用.

如果我需要提供更多信息,我很乐意提供帮助.

我试过这段代码,但什么也没发生:

     (function($) { 
  $('.popup_trigger').on('click', function(e, ui) {
    $('.popup_community', $(this).parent('.wrapper_community')).slideToggle('slow');    
    e.preventDefault(); 
  });   
  $('.fa-angle-up').on('click', function(e, ui) {
    $('.popup_community', $(this).parent('.wrapper_community')).slideUp('slow');    
    e.preventDefault(); 
  });   

})(jQuery);

Answer 1

一种解决方案是添加一个on click函数来切换回以前的状态,如:

$("i.fa").on("click", function () {
    $(this).parents(".popup_community").slideToggle('slow');
});

小提琴

参考

父母()