如果div可见,则切换图标

时间:2014-12-17 14:06:23

标签: jquery icons toggle

我是jquery的新手,我需要建议: - )

我使用此功能在网格视图中折叠div和切换图标。一切正常,但是当我点击打开网格中的另一个面板时,打开的面板的图标不会切换。 (每个面板在我的网格中都有相同的类)

功能如下:

//首先隐藏面板

$(".help_content").hide();

//然后我让功能显示我的面板

$(".help_target").click(function(e){    
e.preventDefault();
$(this).next('.help_content').slideToggle("slow" );

//然后我进行我的图标切换

 $(this).children('.fa-plus,.fa-minus').toggleClass("fa-minus fa-plus");

//最后这一行是当我互相点击时关闭打开的面板

 $(".help_target").not(this).next(".help_content").slideUp("slow"/*

现在我需要找到一种方法,在上一个打开的面板关闭时将图标切换回减号。 我知道也许我没有以正确的方式解释它,所以最好的办法是给你一个网址,这样你就可以看到我的问题:my dev page

2 个答案:

答案 0 :(得分:0)

$(".help_target").not(this).children('.fa').removeClass("fa-plus").addClass("fa-minus");

答案 1 :(得分:-1)

在单击之前简单切换所有.fa-minus:

$('.fa-minus').toggleClass("fa-minus fa-plus");
$(this).children('.fa-plus,.fa-minus').toggleClass("fa-minus fa-plus");