我是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
答案 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");