javascript - 当我们点击它时如何聚焦 Accordion 顶部标题

Question

JS FIDDLE OF MY ACCORDION

我试图专注于 Accordion 内部的标题或第一个 div，但它不起作用。

在 js fiddle 中，默认情况下 html 处于事件状态，其中包含 11 个问题。 现在 PHP 默认情况下它是折叠的，当我们点击它时它会打开并且 HTML 会折叠。

我的问题是，当我点击 PHP 时，它显示了我的最后一个问题，它显示了 PHP 的第 11 个问题，实际上它应该显示 PHP 的第一个问题 我怎样才能实现它..？

请看我分享的js fiddle

我尝试了 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
    });
});