Xóa Mục Accordion của jQuery

Question

Làm thế nào để bạn loại bỏ một mục khỏi một Accordion jQuery? Tôi đang cố gắng cung cấp cho người dùng khả năng xóa một mục từ cơ sở dữ liệu, được hiển thị trong một accordion, và có mục đó mờ dần sau đó. Tôi đã cố gắng ẩn DIV của mục nhưng tiêu đề vẫn còn và accordion không hoạt động đúng sau.

Dưới đây là đánh dấu (sử dụng accordion cơ bản):

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

Cảm ơn!

Answer 1

giả sử bạn đang ở trong sự kiện click của một đứa trẻ của div nội dung, nó sẽ giống như thế này:

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

đây là một working example. không chắc chắn về accordion không làm việc afterword, nhưng nếu nó không, hãy thử và tái khởi tạo nó.

Answer 2

Nếu chúng tôi có một điều kiện như thế này thì làm thế nào để chúng tôi xóa các bảng cụ thể. Và sau khi xóa bảng điều khiển với sự giúp đỡ của Jquery tôi có thể gọi servlet too.I đã cố gắng rất nhiều nhưng không thể làm.Vui lòng giúp đỡ.

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