Удаление элемента jQuery Accordion

Как удалить элемент из jQuery Accordion? Я пытаюсь дать пользователю возможность удалить элемент из базы данных, отображаемый в виде аккордеона, и после этого этот элемент исчезнет. Я попытался скрыть родительский 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>

Спасибо!


jquery jquery-ui-accordion
person NightMICU    schedule 06.03.2011    source источник

Ответы (2)


arrow_upward
12
arrow_downward

предполагая, что вы находитесь в событии click дочернего элемента содержимого div, это будет выглядеть примерно так:

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

вот рабочий пример. не уверен, что аккордеон не работает послесловие, но если это не так, попробуйте повторно инициализировать его.

person nathan gonzalez    schedule 06.03.2011
comment
Спасибо, работает довольно хорошо. Я был удивлен, когда искал решение, чтобы обнаружить, что это не то, что обычно пытаются сделать люди. Я нашел одну тему, но она так и не была решена. Спасибо за вашу помощь - person NightMICU; 06.03.2011
comment
нет проблем. это похоже на то, как я это делал, когда это было необходимо. кажется, должен быть лучший способ построить аккордеон, чем использовать два совершенно не связанных между собой элемента, но мне никогда не хотелось делать свой собственный. - person nathan gonzalez; 06.03.2011

arrow_upward
0
arrow_downward

Если у нас есть такое условие, то как нам удалить конкретную панель. И после удаления панели с помощью 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>                     
                           <% }%>
person ashishSober    schedule 03.04.2014