【问题标题】:How to automatically open Bootstrap accordion如何自动打开 Bootstrap 手风琴
【发布时间】:2015-04-23 23:36:32
【问题描述】:

我创建了一个“About Us”页面,页面内有 3 个引导手风琴,我们只说“Stories”、“Testimonials”

我想要做的是,当我点击导航中的“FAQ”时,它会转到“About Us”页面,并且“Testimonials”手风琴会自动展开/打开。

菜单导航:

<a href="http://mydevwebsites.info/rmhc-WP/about-us" data-target="#collapseTwo" id="faqbtn">FAQ</a>

关于我们页面(这是一个示例页面)

<a class="accordion-toggle accord-btn text-center" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
  <div class="accord-bg">
    Stories
    <span class="ico-holder"><i class="fa fa-plus"></i></span>
  </div>
</a>

<a class="accordion-toggle accord-btn text-center" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> 
  <div class="accord-bg">
    Testimonials
    <span class="ico-holder"><i class="fa fa-plus"></i></span>
  </div>
</a>

【问题讨论】:

  • 在 jQuery 中使用 ('#idOfAboutUs').collapse('show')
  • @Sourabh-,链接在关于我们的页面之外,所以会先加载
  • 加载关于我们的页面时,使用我提供的代码。
  • 在添加有问题的代码块时,请使用以下任一选项正确格式化它们 (1) 选择代码块并单击 Ctrl + K 或 (2) 选择代码块并单击{} 工具栏中的图标。如果不这样做,它们将被解释为普通的 HTML,并将以与代码在浏览器中呈现的方式相同的方式呈现。 using jQuery 部分通常不需要在标题中,因为您添加的标签可以帮助传达该信息。

标签: jquery html css twitter-bootstrap


【解决方案1】:

将“in”类添加到您想要打开的手风琴中

在这里查看手风琴示例documentation(向下滚动到 tge 手风琴示例)

【讨论】:

    猜你喜欢
    • 2019-07-23
    • 1970-01-01
    • 1970-01-01
    • 2016-06-29
    • 2020-06-08
    • 1970-01-01
    • 2017-01-21
    • 2017-01-02
    • 2014-07-20
    相关资源
    最近更新 更多