在引导程序中折叠不回滚答案

【问题标题】：Collapse in bootstrap not scrolling back在引导程序中折叠不回滚
【发布时间】：2018-01-05 22:44:09
【问题描述】：

我遇到了一个问题，即大部分文本隐藏在折叠区域下。但是，在第二次单击后它可以工作（为了隐藏内容，JavaScript 在页面上将其向下滚动到隐藏内容的区域。

<div class="text_owner col-xs-12 col-md-8 col-md-pull-4"><?php the_field('letme_introduce'); ?>
<div class="collapse" id="introduce">
<p><?php the_field('letme_introduce_hidden'); ?></p>
</div><a class="role="button" data-toggle="collapse" href="#introduce" aria-expanded="false" aria-controls="collapseExample"><img src="<?php bloginfo('template_url'); ?>/images/excerpt.png" class="pull-right introduce" alt=""></a>

你知道是什么原因造成的吗？

【问题讨论】：

标签： javascript jquery css twitter-bootstrap collapse

【解决方案1】：

你可以试试这个代码：

<div class="text_owner col-xs-12 col-md-8 col-md-pull-4"><?php the_field('letme_introduce'); ?>
<div class="collapse" id="introduce">
    <p><?php the_field('letme_introduce_hidden'); ?></p>
</div>
<a class="button" data-toggle="collapse" data-target="#introduce" href="#" aria-expanded="false" aria-controls="introduce"><img src="<?php bloginfo('template_url'); ?>/images/excerpt.png" class="pull-right introduce" alt=""></a>

【讨论】：