数据切换折叠检索新条目而不是显示更多条目

时间:2018-02-19 09:34:55

标签: html5 twitter-bootstrap forms webforms collapse

我正在尝试创建一个从数据库中检索文本框的网格。

每个人都有一个视图完整文章按钮,它将折叠整篇文章

然而,我做了它,但不是文本被折叠,而是从数据库中检索到的最后一个对象被隐藏,当我再次点击查看完整文章时它会再次显示等。

这是我的代码:

<div class="col-sm-4">  <div class="myclass">   <h2>ARTICLE TITLE</h2>    <h6 class="text-muted"><span class="glyphicon glyphicon-calendar"></span> DATE VALUE RETRIEVED FROM DB</h6>
         <p  style ="display: inlineARTICLE RETRIEVED FROM DATABASE WILL BE HERE AS SUBSTRING SIMILAR TO TWITTER 140 CHARS.<span class="collapse" id="viewdetails3"> THIS Should be displayed when clicking view full story and vice versa</span>
         </p> 
<a data-toggle="collapse" data-target="#viewdetails3">Read full article&raquo</a> </div>  

更新:

向链接添加href="#viewdetails3"但是在折叠进出时不顺畅。

就像当我点击网格上任何地方的按钮时,它只会扩展网格上的第一个对象。无论我在哪里点击

0 个答案:

没有答案