biz

Question

JS FIDDLE OF MY ACCORDION

Ben akordeon içindedir üstbilgi veya ilk div odaklanmaya çalışıyorum ama çalışmadığını tıkladığınızda Akordeon üst başlığını odaklanmak nasıl. Varsayılan html tarafından js keman olarak

aktiftir ve içinde 11 sorudan oluşmaktadır. çökecek Ve şimdi PHP varsayılan olarak daraltılmıştır ve biz de bunun üzerine tıkladığınızda açılacak ve HTML. i nasıl bunu elde edebilirsiniz Aslında PHP ait ilk quuestion göstermelidir, bunun PHP ait 11. soruyu gösteriyor benim durumumda son soruyu gösteriyor PHP tıkladığınızda

Benim sorundur ..?

i paylaştığı js keman bakınız.

i 3 farklı yollarla denedi ama hiçbiri çalışıyoruz:

$("#panelForPHP").click(function(){  $("#accordionPHP").focus(); }); 
$("#panelForPHP").click(function(){  $("#collapsePHP1").focus(); }); 
$("#panelForPHP").click(function(){  $("#panelForPHP").focus(); }); 

Answer 1

$('#accordionMain').on('shown.bs.collapse', function() { 

    var panel = $(this).find('.in'); 

    $('html, body').animate({ 
     scrollTop: panel.offset().top 
    }); 
}); 

panel başlığı kadar kaydırmak için panel gövdesinin tepesine kadar kaydırmak için

Answer 2

accordions hiyerarşik yapısı

$('#accordionMain').on('shown.bs.collapse', function() { 

    var panel = $(this).find('.in'); 

    $('html, body').animate({ 
     scrollTop: panel.offset().top -55 
    }); 
}); 

senin durumda mesele biraz karmaşık yapıyor. 'PHP'nin' 11. sorusunu 'açtığınızda,' .in 'sınıfı ile ilk öğeye kaydırır. '.in' sınıfı, aktif panel gövdesine önyükleme komut dosyaları tarafından eklenir. 'Soru 11' tıklandığında, ilk önce PHP altında 11 soru ve ikinci sorunun cevabını içeren iki aktif panel gövdesi vardır.

Bu senaryoda, '.in' sınıfıyla son panel gövdesini yakalamanız gerekir. .

var panel = $(this).find('.in').last(); 

tekrar sorular (çocuk akordiyon) açık ve açık ebeveyn akordiyon bırakarak PHP (ana akordeon) kapatırsanız o .in' ile son öğedir olarak açık çocuk akordeon son kaydıracağım sınıf.