Comment puis-je sélectionner le div suivant en utilisant jQuery?

Question

Je suis pas mal du tout quand il s'agit de jQuery et j'essaie de sélectionner l'élément suivant en utilisant le sélecteur next() mais j'ai un peu de mal à le faire fonctionner! Ce que j'essaie de faire est d'activer slideDown() une fois que l'utilisateur a fini sa sélection sur un curseur de l'interface utilisateur. Voici mon code:

$('.slider').slider({ stop: function(event, ui) { $(this).nextAll('.secondq:first').slideDown('slow') } });

Le problème est, cela ne fonctionne pas du tout. Cela ne fonctionnera que si je mets la question 'secondq' dans le div parent du curseur ui. Voici mon HTML:

<div class="option"> 
          <h2 align="left">How high is your ceiling from the floor?</h2> 
          <input type="text" align="right" name="bonus" class="value" disabled="disabled" /> 
          <div class="slidewrap"> 
           <div class="sliderFt slider"></div> 
          </div> 
         </div> 
         <!-- End Option --> 
         <div class="option"> 
          <h2 align="left">How many windows do you have?</h2> 
          <input type="text" align="right" name="bonus" class="value" disabled="disabled" /> 
          <div class="slidewrap"> 
           <div class="sliderWinDoor slider"></div> 
          </div> 
          <div class="secondq" style="display:none;"> 
           <h2>What type of material are your windows made of?</h2> 
           <div class="radiocont"> 
            <label>Wood</label> 
            <input type="radio" class="styled" value="wood" name="windowtype" /> 
           </div> 
           <div class="radiocont"> 
            <label>Metal</label> 
            <input type="radio" class="styled" value="metal" name="windowtype" /> 
           </div> 
           <div class="radiocont"> 
            <label>PVC</label> 
            <input type="radio" class="styled" value="pvc" name="windowtype" /> 
           </div> 
          </div> 
         </div> 

Answer 1

nextAll n'obtient frères et sœurs. Sur la base de votre structure HTML, vous pouvez faire:

$(this).parent().next() 

Pour le rendre plus indépendant de la structure, vous pouvez également faire:

$(this).closest('.slidewrap').nextAll('.secondq:first')