显示/隐藏div时添加+和 - 符号

Question

我使用下面的jQuery显示/隐藏div。我需要给它添加一个'+'和' - '符号。有人请告诉我如何添加它

function toggleWidgets() { 
    $('#secondary h3.widget-title').addClass('plus'); 

    $('#secondary h3.widget-title').click(function() { 


     $(this).toggleClass('plus').toggleClass('minus').next().toggle(180); 
    }); 
} 
$(document).ready(function() { 
    toggleWidgets(); 
}); 

下面是HTML

<div id="secondary" class="widget-area" role="complementary"> 
<aside id="welt_last_tweets-2" class="widget widget_welt_last_tweets"> 
    <h3 class="widget-title"></h3> 
    <div id="welt-welt_last_tweets-2" class="welt-tweet-wrapper"> 

    </div> 
</aside>   
</div> 

Answer 1

如果我是你，我会只让拨动一类。

$('.plus').click(function() { 
    $(this).toggleClass('minus'); 
}); 

而且在你的CSS加图像添加到标题为标准，然后将其交换出去负图像时，它也有类减去。例如：

.plus { 
    background: url('images/plus.gif') left center no-repeat; 
} 
.plus.minus { 
    background: url('images/minus.gif') left center no-repeat; 
} 

这有道理吗？

Answer 2

这个怎么样？

function toggleWidgets() { 
     $('#secondary h3.widget-title').click(function() { 
      if($(this).is('.plus')) 
       $(this).switchClass('plus', 'minus'); 
      else 
       $(this).switchClass('minus', 'plus'); 
     }); 
    }