jQuery afficher/masquer la prochaine div

Comment puis-je afficher/masquer la prochaine div? Le code suivant fonctionne:

jQuery(".edittopic").click(function() {
    jQuery(this).next(".t_edit_cont").toggle();
});

... seulement si le t_edit_cont div est à droite après le edittopic bouton. Actuellement, je les ai séparés des DIVs, comme ceci:

<div class="t_mod_box">
    <input type="submit" value="Edit" class="edittopic" name="send" /> 
</div>

<div class="t_edit_cont">
   Show hide content inside here...
</div>

Comment puis-je faire ce travail? jsfiddle démo.

Si vous rencontrez un seul .t_edit_cont dans la page, vous pouvez simplement essayer: jQuery(".t_edit_cont").toggle();.
C'est juste le problème, j'ai plus d'un .t_edit_cont sur la page... comme indiqué dans le jsfiddle.
.parent() semble fonctionner! 😛
Essayez ceci: jQuery(this).parent().next(".t_edit_cont").toggle();
Yup, j'ai pensé à elle une seconde avant de vous lol. S'il vous plaît poster de réponse afin que je puisse accepter 😉

OriginalL'auteur Henrik Petterson | 2015-01-05

  1. 1

    Vous pouvez utiliser parent() de point de jQuery dans le droit chemin:

    jQuery(this).parent().next(".t_edit_cont").toggle();

    Encore, un nettoyant et une approche plus fiable serait d'associer les cliqué sur le bouton et la div en quelque sorte.

    Par exemple (à l'aide de data- attributs):

    <input type="submit" value="Edit" class="edittopic" data-id="1" name="send" />

<div class="t_edit_cont" data-id="1">
Show hide content inside here...
</div>

    Alors:

    jQuery(".edittopic").click(function() {
    var btnId = $(this).data('id');
    jQuery('.t_edit_cont[data-id=' + btnId + ']').toggle();
});

    OriginalL'auteur haim770

  2. 3

    Devez sélectionner parent avant de faire .next()

    DÉMO

    $(function() {
    $(".edittopic").on('click', function() {
        $(this).parent().next(".t_edit_cont").toggle();
    });
})

    OriginalL'auteur Todd

  3. 0

    Je pense que si vous voulez afficher, de masquer que vous voulez que votre FAQ, j'espère que cela est utile pour vous

    http://jsfiddle.net/indianwebdesigner/yhvm4duq/

    si non, alors merci de laisser un message

    HTML

    <div class="mod_wrap">
    <div class="t_mod_box">
        <a href="#" class="edittopic" name="send">Toggle</a>
    </div>

    <div class="t_edit_cont">
       Show hide content inside here... 1
    </div>
</div>

    jQuery

    $(this).parents(".mod_wrap").find(".t_edit_cont").slideToggle();
    Ne fonctionne pas avec plusieurs éléments, juste avec 1
    Merci pour la Question, Veuillez vérifier : jsfiddle.net/indianwebdesigner/yhvm4duq

    OriginalL'auteur Sahib Singh