jQuery Accordion आइटम को हटा रहा है

Question

आप एक jQuery Accordion से किसी आइटम को कैसे हटाते हैं? मैं उपयोगकर्ता को एक डेटाबेस से किसी आइटम को हटाने की क्षमता देने की कोशिश कर रहा हूं, जो एक accordion में प्रदर्शित होता है, और उसके बाद उस आइटम को फीका कर दिया जाता है। मैंने आइटम के पैरेंट डीआईवी को छिपाने की कोशिश की लेकिन हेडर बना हुआ है और 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> 

धन्यवाद:

यहाँ मार्कअप (बुनियादी अकॉर्डियन उपयोग) है!

Answer 1

मानते हुए कि आपके सामग्री div के एक बच्चे की क्लिक करें घटना में हैं, यह कुछ इस तरह दिखेगा:

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

यहाँ

एक working example है। accordion के बाद काम नहीं कर रहा है, लेकिन अगर यह नहीं करता है, तो कोशिश करें और इसे फिर से शुरू करें।

Answer 2

अगर हमारे पास ऐसी स्थिति है तो हम विशेष पैनल को कैसे हटा सकते हैं। और जेक्री की मदद से पैनल को हटाने के बाद मैं सर्वलेट भी कॉल कर सकता हूं। मैंने बहुत कोशिश की लेकिन ऐसा करने में असमर्थ। कृपया मदद करें।

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