Question

我有一个可折叠的手风琴的工作页面。它完成我需要它做的事情，你点击链接，它下拉内容（见下面的链接）。

我很想知道，我怎样才能做到这一点，如果我点击位于下页的其他页面的链接，我该怎样才能使该链接掉到某个组，然后扩展内容自动而不点击组？我需要添加到JS的东西..然后单独我需要一些链接的东西，目标是使其下拉的内容。

这是有效的所有内容：https://codepen.io/bootpen/pen/BooWaR

同样，我只需要一个链接看起来如何以及我将要添加的JS的示例。

谢谢！

/*******************************
* ACCORDION WITH TOGGLE ICONS
*******************************/
	function toggleIcon(e) {
        $(e.target)
            .prev('.panel-heading')
            .find(".more-less")
            .toggleClass('glyphicon-plus glyphicon-minus');
    }
    $('.panel-group').on('hidden.bs.collapse', toggleIcon);
    $('.panel-group').on('shown.bs.collapse', toggleIcon);

Answer 1

假设您有一个触发此操作的链接或按钮。

按钮：

<button type="button" onclick="goToTwo()">Click to go to #2</button>

您需要为每个组id="group-2"的Anchor标记添加唯一ID，例如

点击处理程序：

function goToTwo() {
    var num2 = '#group-2';

    document.querySelector(num2).scrollIntoView();

    $(num2).trigger('click');
}

正在使用CodePen：https://codepen.io/lucksp/pen/aLrGRp

从链接中瞄准可折叠的手风琴内容

1 个答案: