JQuery ui Akordeon'un içeriğini başka bir öğeye tıklayarak da genişletebilir/daraltabilir miyim?

Question

Varsayılan olarak, genişletme/daraltmayı denetlemek için içerikler bulunur. Ancak, durumumda, içeriği başka bir öğeyle de genişletebilir/daraltabilirim. Örneğin:

UI accodion kodunun temel yapısı:

<script> 
    $(function() { 
     $("#accordion").accordion(); 
    }); 
    </script> 



<div class="demo"> 

<div id="accordion"> 
    <h3><a href="#">Section 1</a></h3> 
    <div> 
     <p> 
     Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer 
     ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit 
     amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut 
     odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 
     </p> 
    </div> 
...... 
</div> 

ve şimdi. Başka bir elementim var, tıpkı şu gibi:

Çok teşekkür ederim!

Answer 1

Tüm öğeleri programsal olarak daraltmak için .activate hata ileticisini kullanabilirsiniz. Bir seferde sadece bir tane açık elemanınız olduğu için, bu bağlantıyı gösteren her hangi bir elemanın açık olduğunu anlamaya çalışır. Bu, yalnızca collapsibletrue olarak ayarlanmışsa çalışır.

Bu öğeyi genişletmek için hangi öğeyi genişletmek istediğinizi genişletebilirsiniz.

Answer 2

Collapse akordeon sekmesi:

$('.accordion').accordion('activate', false); 

ilk akordeon sekmesini genişletin:

$('.accordion').each(function (idx, item) { 
    if ($(item).accordion("option", "active") === false) { 
     $(item).accordion('activate', 0); 
    } 
}); 

Answer 3

sorun başlangıçta yüklenen sonra genişletmek/daraltmak için ACCORDIONS almak zorunda için. Kullandığım Bundan kaçınmak için:

$('#accordionId h3').click(); 

... hangi taklit başlık alanını tıklayıp aktivasyon sınıfları geçiş zorlayacaktır.

Bir kesmek gibi hissettim, ama işe yaradı, Best.

Answer 4

JQuery UI güncellemesinden sonra akordeonda "aktif" yöntem yoktur.

//To Expand 
    var elem = $(this).find('.accordionElement'); 
    elem.addClass("in"); 
    elem.attr("style",""); 
    elem.attr("aria-expanded",true); 

ardından kullanmakta çökebilir: Bootstrap kullanma

$('.accordion').accordion('option', {active: false}); 

Answer 5

: Yani daraltmak için tüm akordeon kullanmak

var elem = $(this).find('.accordionElement'); 
    elem.removeClass("in"); 
    elem.attr("style","height: 0px;"); 
    elem.attr("aria-expanded",false);