Question

我正在尝试专注于手风琴内部的头部或第一个div，但它无效。

默认情况下，在js小提琴中， HTML 处于活动状态，其中包含11个问题。现在PHP默认情况下已折叠，当我们点击它时，它将打开， HTML 将崩溃。

我的问题是，当我点击PHP时，它显示了我的案例中的最后一个问题，它显示了第11个PHP问题，实际上它应该显示第一个问题 PHP 如何实现它？？

请参阅我分享的js小提琴。

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

JS FIDDLE OF MY ACCORDION

我尝试了3种不同的方法，但没有一种方法可以使用：

Answer 1

试试这个

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

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

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

Bootstrap Accordin Force展示开放的手风琴

1 个答案: