隐藏/显示随内容更改的链接。

Question

请看这个小提琴http://jsfiddle.net/rabelais/gCm7w/

我隐藏了通过点击[+]符号显示的文字。

隐藏文本显示时[+]更改为[ - ]，使用此代码再次隐藏时，[+]更改回[+]：

(function($) {

var allPanels = $('.accordion > dd').hide();

$('.accordion > dt > a').click(function() {
    allPanels.slideUp();

    if($(this).parent().next().is(':hidden'))
    {
        $(this).parent().next().slideDown();
    }
    $(this).text( $(this).text() == '[ + ]' ? "[ - ]" : "[ + ]");
    return false;
});

})(jQuery); 

但是，如果单击其他隐藏文本以显示它而不关闭前一个文本，则隐藏前一个文本但[ - ]不会更改回[+]，如何编辑我的代码以实现此目的？

Answer 1

Fiddle Demo

$('.more').not(this).text('[ + ]');

将所有按钮的文本设置为[ + ]期望当前按钮。

.not()

this keyword/