slideToggle suis-je manque quelque chose

J'ai ce page et quand je clique sur l'en-tête comme « ordinateurs » ou l'un des autres éléments ci-dessous doivent glisser vers le haut et vers le basslideToggle suis-je manque quelque chose

je cette structure

<div class="title-box box-active"> 
    <div class="line"> 
     <div class="text left"> 
      <p>(1) Software</p> 
     </div> 
     <div class="price right"> 
      <p>500.00</p> 
     </div> 
     <div class="cl">&nbsp;</div> 
    </div> 
</div> 
<div class="item"> 
    <div class="item-t"></div> 
    <div class="item-c"> 
     <div class="line last"> 
      <input type="text" class="field left" value="1" /> 
      <div class="text left"> 
       <p>Aldelo</p> 
      </div> 
      <div class="price left"> 
       <p>450.00</p> 
      </div> 
      <a href="#" class="close right"></a> 
      <div class="cl">&nbsp;</div> 
     </div> 
    </div> 
    <div class="item-b"></div> 
</div>

mais cela ne fonctionne pas et je ne peux pas comprendre pourquoi

$('.title-box').click(function() { 
$(this).parent().next('.line').slideToggle(); 
return false; 
});

Source

2010-09-07 Trace

Où est le html dans le '$ ('. Title-box')' auquel vous faites référence dans votre jQuery? –

si vous cliquez sur la page et afficher la source, vous pouvez voir les titres qui ont les noms de catégories que je dois cliquer sur et les éléments ci-dessous glisser et descendre et j'ai corrigé ma question – Trace

ce que vous avez montré n'est pas complet. Pouvez-vous montrer un codage complet? – ppshein

Si vous essayez d'obtenir l'élément .line à glisser, il est un child de .title-box, alors essayez ceci:

$('.title-box').click(function() { 
    $(this).children('.line').slideToggle(); 
    return false; 
});

Dans le rappel, this fait référence à la .title-box. Donc, puisque .line est un enfant direct de .title-box, vous devez utiliser .children('.line') pour l'obtenir.

Source

2010-09-07 01:37:43 user113716

Étant donné la structure de la page, je crois que c'est le code dont vous avez besoin

$('.title-box').click(function() { 
    $(this).next('.item').slideToggle(); 
    return false; 
});

Source

2010-09-07 01:30:33

slideToggle suis-je manque quelque chose

Répondre

Questions connexes