jQueryアコーディオンの削除アイテム

Question

jQueryアコーディオンからアイテムを削除するにはどうすればよいですか？私は、データベースから項目を削除し、アコーディオンで表示し、その項目を後で消す機能をユーザに与えるようにしています。私はアイテムの親DIVを隠そうとしましたが、ヘッダーは残っていて、アコーディオンは正しく機能しません。ここで

は、マークアップ（基本的なアコーディオンの使用）は、次のとおりです。

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

ありがとう！

Answer 1

あなたは、コンテンツのdiv要素の子のクリックイベントにいると仮定すると、それは次のようになります。

ここ

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

がworking exampleです。あとで動作しないアコーディオンについては不明ですが、そうでない場合は、アコーディオンを再初期化してください。

Answer 2

このような条件がある場合、特定のパネルを削除するにはどうすればいいですか？Jqueryの助けを借りてパネルを削除した後も、私はサーブレットを呼び出すことができます。

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