jQuery changement au clic

Question

J'essaie de faire en sorte que le signe "Moins" redevienne un signe "Plus" après que l'utilisateur ait fermé le texte à remplacer.

Voici le code HTML

<p class="textDropTitle"><span class="textDropLogo"></span>Title</p>
    <div class="textDropSub"><p>This is my text Below</div>
    <p class="textDropTitle"><span class="textDropLogo">+</span>Title</p>
    <div class="textDropSub"><p>This is my text Below</div>
    <p class="textDropTitle"><span class="textDropLogo">+</span>Title</p>
    <div class="textDropSub"><p>This is my text Below</div>

jQuery

$(".textDropSub").hide();

$('.textDropLogo', this).text('+');

$(".textDropTitle").click(function() {
    $(this).next().toggle('fast');
    $('.textDropLogo', this).text('-');
});

Answer 1

Assez simple en utilisant un Opérateur ternaire conditionnel (?:)

$(".textDropTitle").click(function() {

    $(this).next().toggle('fast');

    var $el = $('.textDropLogo', this);
    $el.text( $el.text() == '+' ? '-' : '+' );

});

[condition] ? [si est vrai] : [si est faux] ;

<strong><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Conditional_Operator" rel="nofollow">READ MORE</a></strong>