点击它时如何聚焦Accordion顶部标题

Question

我的手风琴的骗局

我试图把重点放在手风琴里面的标题或第一个div但是它不起作用.

在js小提琴默认情况下,html是活动的,它包含11个问题.现在PHP默认情况下它已折叠,当我们点击它时它将打开,HTML将崩溃.

我的问题是,当我点击PHP它显示在我的情况下,它显示最后一个问题PHP的11问题,其实这应该显示PHP的第一quuestion我怎么能实现呢..？

请看我分享的js小提琴.

我尝试了3种不同的方法,但没有一种方法有效:

$("#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
    });
});

要向上滚动到面板标题，

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

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

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