刪除jQuery Accordion項目

如何從jQuery Accordion中刪除項目？我試圖讓用戶能夠從數據庫中刪除一個項目，以手風琴的形式顯示，然後讓這個項目淡出。我試圖隱藏該項目的父DIV，但標題仍然存在，手風琴不能正常工作。刪除jQuery Accordion項目

這裏是標記（基本手風琴使用）：

<div id="accordion"> 
<h3><a href="#">The Title - Item 1</a></h3> 
<div> 
The Content - Item 1 
<a href="#" class="deleteItem">Delete</a> 
</div> 
<h3><a href="#">The Title - Item 2</a></h3> 
<div> 
The Content - Item 2 
<a href="#" class="deleteItem">Delete</a> 
</div> 
</div>

謝謝！

來源

2011-03-06 NightMICU

假設你在內容DIV的孩子的單擊事件的時候，它會是這個樣子：

var parent = $(this).closest('div'); 
var head = parent.prev('h3'); 
parent.add(head).fadeOut('slow',function(){$(this).remove();});

這裏是一個working example。不知道手風琴不能繼續工作，但如果沒有，請嘗試重新初始化它。

來源

2011-03-06 19:23:26

謝謝，工作得很好。當我尋找解決方案發現它不是人們通常嘗試的東西時，我感到很驚訝。我確實找到了一條線索，但它從未解決。感謝您的幫助 – NightMICU

沒問題。這與我在必要時做得如何相似。似乎應該有一種更好的方法來構建手風琴，而不是使用兩個完全不相關的元素，但我從來沒有想過要自己製作手風琴。 –

如果我們有這樣的條件，那麼我們如何刪除特定的panel.and在用jquery的幫助刪除面板後，我也可以調用servlet。我嘗試了很多，但無法做到。請幫助。

    <% for(Entity result:pq.asIterable()) { 
        String geeta=(String)result.getProperty("Title"); 
        String fkey1 = result.getProperty("fkey").toString(); 

         %> 
         <div class="container"> 
          <div class="panel-group"> 
          <div class='panel panel-default'> 
           <div class='panel-heading panelHeading'> 
       <input id ="org" type="hidden" name="key" value="<%=fkey1%>" /> 
      <h4 class='panel-title '>+&nbsp<%=geeta %><a class="close">&times;</a></h4> 
           </div>  
        <div class='panel-body panelBody' style='display:none;'> 
        <a href="/update.jsp?key=<%=fkey1%>" target="blank"><h4><%=result.getProperty("Author") %></h4></a> 
        </div> 
        </div> 
       </div> 
       </div>      
          <% }%>

來源

2014-04-03 15:54:46 ashishSober

刪除jQuery Accordion項目

回答

相關問題