jquery - メニュー展開時はマイナス(-)、縮小時はプラス(+)

Question

メニューの展開と縮小時に-と+を切り替えようとしています。画像を背景としてクラスを追加および削除する選択肢がありますが、 -および+を html として使用することにしました。私がとっているアプローチは.remove()and <span class="plus">with.append()です<span class="minus">が、私はそこで立ち往生しています。これは私のフィドルです。ありがとう。

Answer 1

これを試して

$("#vertical-menu h3").click(function () {
    //slide up all the link lists
    $("#vertical-menu ul ul").slideUp();
    $('.plus',this).html('+');
    //slide down the link list below the h3 clicked - only if its closed
    if (!$(this).next().is(":visible")) {
        $(this).next().slideDown();
        $('.plus').html('+');
        $('.plus',this).html('-');
    }
})

JS フィドルのデモ

Answer 2

作業サンプル (すべてのスライドを閉じないでください。このため、Jquery UI のアコーディオン機能をお勧めします)

$("#vertical-menu h3").click(function () {
    //Inner 
    var jqInner = $(this).next();
    if (jqInner.is(":visible"))
    {
        jqInner.slideUp()
        $(this).find('span').html('-');
    }
    else
    {
        jqInner.slideDown()
        $(this).find('span').html('+');
    }
})

http://jsfiddle.net/22ZyM/4/