"+"を " - "で置換する既存のJQuery関数を更新する

Question

自分のサイトでアコーディオンスタイルのQ/Aをアニメーション化するために使用するJQuery関数があります。それぞれの青い見出しをクリックすると、回答テキストが拡大表示されます。

質問見出しをクリックすると、 "+"記号が " - "記号に変わるように（回答拡張時に）、追加のコードを追加したいと思います。この同じ見出しをクリックして回答を崩すと、同じ " - "記号がもう一度 "+"記号になります。

これを行うには何を追加すればよいですか？私の現在の機能は以下の通りです：簡潔にするために省略し、本文とMarkdownをブロックに関連する

$(function(){$('.markdown-block .sqs-block-content h2') 
    .css('cursor','pointer'); 

$(".markdown-block .sqs-block-content h2") 
    .nextUntil("h2").slideToggle(); 

$(".markdown-block .sqs-block-content h2") 
    .click(function(){$(this).nextUntil("h2").slideToggle()})}); 

HTML、：すべての次の質問のために、基本的な構造をだ

<div class="sqs-block markdown-block sqs-block-markdown" data-block-type="44" id="block-yui_3_17_2_6_1466641371234_7523"> = $0 
    <div class="sqs-block-content"> 
    <h2 id="Q/A title" style="cursor: pointer;">_</h2> = $0 
    <h2 id="Question-1" style="cursor: pointer;">+Question</h2> = $0 
     <h3 id="answer-paragraph-1" style="display: none;">_</h3> 
     <h3 id="answer-paragraph-2" style="display: none;">_</h3> 
    <h2 id="Question-2" style="cursor: pointer;">+Question</h2> = $0 
     <h3 id="answer-paragraph-1" style="display: none;">_</h3> 
     <h3 id="answer-paragraph-2" style="display: none;">_</h3> 
    </div> 
</div> 

。

ありがとうございます！

Answer 1

$(this).nextUntil("h2")は、あなたの "+"を保持する要素を指していますか？ 。

$(".markdown-block .sqs-block-content h2").click(function(){ 
     $(this).nextUntil("h2").slideToggle(); 
     $(this).nextUntil("h2").text(($(this).nextUntil("h2").text() == "+Question"?"-Question":"+Question")); 
     })});