代码之家 › 专栏 › 技术社区 › toddmo

折叠中的链接

bootstrap-4

toddmo · 技术社区 · 6 年前

我有一个包含q和a的faq页面,每个q都使用bootstrap折叠特性显示/隐藏a。

各种a都有折叠目标的id,我还需要它们将用户直接发送到该a。

        <li class="question text-muted" data-toggle="collapse" data-target="#answer-dragon">
            Do you support Dragon Ball Z?
        </li>
        <li id="answer-dragon" class="answer collapse">
            Yes we do. Our Dragon Ball Z support level is above 9000.
        </li>

当我把他们送到那里的时候,我想扩大A。

Please see the <a href="faq.html#answer-widget">FAQ</a> about Dragon Ball Z support.

我该怎么做?

1 回复 | 直到 6 年前

toddmo 6 年前

比我想象的要简单:

$(document).ready(function(){
    var anchor = window.location.hash;
    if(anchor != '')
        $(anchor).collapse('show');
});

推荐文章

seriously · 按钮中元素的对齐

2 年前

USK · 引导模型在我的HTML文件中不起作用

2 年前

onit · 如何在单击按钮时从页面(引导程序4)隐藏或删除搜索表单?

2 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

2 年前

user9644796 · 如何检查折叠的导航栏是否打开?

6 年前

JoeSlav · 使用引导上载损坏的文件

6 年前

John · 引导程序4,表单内联未在XS视图上对齐

6 年前

J. Sparks · 奇怪的图像定位(HTML、CSS、Bootstrap)

6 年前

user9719859 · 如何在bootstrap 4中更改选择选项programmaticaly?

6 年前

im5an · 如何使用angular在单行中显示徽标和导航栏?

6 年前