Jquery动态加/减符号切换

Question

我正在使用 jquery 切换脚本。我真的希望在未打开切换开关时在标题中显示一个加号 (+)，在打开切换开关时显示一个减号 (-)。

我不只是使用下面的脚本的原因是因为我正在使用的当前脚本会在单击另一个切换时自动关闭打开的切换 - 这是我非常喜欢的功能! :)

$('#toggle-view li').click(function () {

    var text = $(this).children('p');

    if (text.is(':hidden')) {
        text.slideDown('200');
        $(this).children('span').html('-');     
    } else {
        text.slideUp('200');
        $(this).children('span').html('+');     
    }   
});
});

我正在使用的脚本:

$(document).ready(function(){
$(".parents-toggle > div").click(function () {
$(".parents-toggle > div.iteminfo-toggle").not($(this).siblings()).slideUp();
$(this).siblings(".iteminfo-toggle").slideToggle();
});
});

我的html

<div class="parents-toggle">
<div class="itemheading2_toggle">Heading</div>
<div class="iteminfo-toggle hidden">
text goes here
</div>

有人知道如何组合加号/减号符号以在我正在使用的当前脚本中显示吗？ ^^;

以下是减号/加号切换脚本的示例:http://www.queness.com/resources/html/toggle/index.html

Answer 1

这个怎么样？

html:为符号添加跨度

<div class="parents-toggle">
    <div class="itemheading2_toggle"><span class="symbol">-</span>Heading</div>
<div class="iteminfo-toggle hidden">
text goes here
</div>

js:切换+/-符号

$(".parents-toggle > div").click(function () {
    $(".parents-toggle > div.iteminfo-toggle").not($(this).siblings()).slideUp();
    $(this).siblings(".iteminfo-toggle").slideToggle();

    // toggle open/close symbol
    if($('.itemheading2_toggle span').text() == '-'){
        $('.itemheading2_toggle span').text('+');   
    } else {
        $('.itemheading2_toggle span').text('-');
    }
});

演示:http://jsfiddle.net/bg7tw/