的slideToggle是我失去了一些東西

我有這樣的page，當我點擊，如「計算機」或任何其他人的標題下需要的項目上下滑動的slideToggle是我失去了一些東西

我有這樣的結構

<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>

但這不是工作，我無法弄清楚，爲什麼

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

來源

2010-09-07 Trace

html中的位置是你在jQuery中引用的'$（'。title-box'）'？ – 2010-09-07 01:20:37

如果你點擊頁面並查看源代碼，你可以看到我需要點擊的類別名稱的標題，下面的項目上下滑動，我修復了我的問題 – Trace 2010-09-07 01:24:52

你顯示的內容不是完整的代碼。你能展示完整的編碼嗎？ – ppshein 2010-09-07 01:35:31

如果你想獲得.line元素滑動，它是一個.title-boxchild，那麼試試這個：

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

在回調，this指.title-box。因此，因爲.line是.title-box的直接子，您需要使用.children('.line')才能得到它。

來源

2010-09-07 01:37:43 user113716

由於頁面的結構，我相信這是代碼，你需要

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

來源

2010-09-07 01:30:33

的slideToggle是我失去了一些東西

回答

相關問題