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

당신은 콘텐츠 사업부의 아이의 클릭 이벤트에있어 가정, 그것은 다음과 같이 보일 것입니다 :

여기

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