2011-03-06 20 views
6

Jak usunąć element z akordu jQuery? Próbuję dać użytkownikowi możliwość usunięcia elementu z bazy danych, wyświetlanego na akordeonie i po tym, jak ten element zanika. Próbowałem ukryć nadrzędny DIV elementu, ale nagłówek pozostaje, a akordeon nie działa poprawnie po.Usuwanie elementu jQuery Akordeon Pozycja

Oto znaczników (podstawowy Wykorzystanie akordeon):

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

Dzięki!

Odpowiedz

12

zakładając jesteś w zdarzenia click dziecka div zawartości, to będzie wyglądać mniej więcej tak:

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

o to working example. nie jestem pewien, czy akordeon nie działa posoborowo, ale jeśli nie, spróbuj i ponownie go zainicjuj.

+0

Dzięki, działa całkiem nieźle. Byłem zaskoczony, gdy szukałem rozwiązania, aby znaleźć, że albo nie jest to coś, co ludzie zwykle próbują. znalazłem jeden wątek, ale nigdy nie został rozwiązany. Dzięki za pomoc – NightMICU

+0

nie ma problemu. to jest podobne do tego, jak to zrobiłem, kiedy było to konieczne. Wygląda na to, że powinien istnieć lepszy sposób na zbudowanie akordeonu niż użycie dwóch całkowicie niezwiązanych z nim elementów, ale nigdy nie miałem ochoty tworzyć własnych. –

0

Jeśli mamy taki stan, to w jaki sposób usuniemy dany panel. Po usunięciu panelu za pomocą Jquery'ego mogę też wywołać serwlet. Próbowałem dużo, ale nie mogłem tego zrobić. Proszę o pomoc.

    <% 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>      
          <% }%> 
Powiązane problemy