Come focalizzare l’intestazione superiore della Fisarmonica quando clicchiamo su quella

JS FIDDLE DELLA MIA FISARMONICA

Sto cercando di concentrarmi sull’intestazione o sul primo div che è all’interno della fisarmonica ma non funziona.

Nel js fiddle di default html è attivo e consta di 11 domande al suo interno. E ora PHP di default è collassato e quando lo clicchiamo su esso si aprirà e HTML collasserà.

Il mio problema è quando clicco su PHP sta mostrando l’ultima domanda nel mio caso sta mostrando l’ undicesima domanda di PHP , in realtà dovrebbe mostrare la prima domanda di PHP come posso ottenerla ..?

Si prega di vedere il js fiddle che ho condiviso.

ho provato con 3 modi diversi ma nessuno funziona:

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

Per scorrere fino all’inizio del corpo del pannello

 $('#accordionMain').on('shown.bs.collapse', function() { var panel = $(this).find('.in'); $('html, body').animate({ scrollTop: panel.offset().top }); }); 

Per scorrere fino all’intestazione del pannello,

 $('#accordionMain').on('shown.bs.collapse', function() { var panel = $(this).find('.in'); $('html, body').animate({ scrollTop: panel.offset().top -55 }); }); 

La struttura gerarchica delle fisarmoniche sta rendendo la questione un po ‘complessa nel tuo caso. Quando apri la “domanda 11” di “PHP” scorre al primo elemento con la class “.in”. La class ‘.in’ viene inserita dagli script di bootstrap sul corpo del pannello attivo. Quando viene cliccata la “domanda 11”, ci sono due corpi panel attivi, il primo contenente 11 domande sotto PHP e il secondo contenente la risposta alla domanda 11.

In questo scenario, è necessario acquisire l’ultimo corpo del pannello con la class ‘.in’.

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

Se chiudi PHP (genitore) lasciando le domande (fisarmonica figlio) aperte e apri di nuovo la fisarmonica madre, passerà all’ultima fisarmonica figlio aperta poiché è l’ultimo elemento con la class ‘.in’.