javascript - Using collapsible elements like an accordian - Bootstrap 3 -


i have seen bootstrap 3 default functionality accordians close other collapsible elements when 1 open.

is possible using collapse?

<div class="collapse" id="collapse5">      <p> venenatis tincidunt. fusce @ dolor nunc.          duis maximus pulvinar leo, id laoreet massa tincidunt ut.          quisque scelerisque sit amet ipsum eget ornare.          donec eu blandit lectus. suspendisse potenti.          praesent posuere enim sapien. etiam et ullamcorper sem.          nam quis leo eu enim porttitor mattis vitae vel libero.          curabitur feugiat nec nulla quis luctus.    </p> </div>  <button class="btn my-btn" type="button" data-toggle="collapse" data-  target="#collapse5" aria-expanded="false" aria-controls="collapseexample" onclick="this.classlist.toggle('open2')">                 &nbsp; </button>

essentially button opens collapsible div, possible if id 5 open, close other 4?

or should convert these elements accordian?

if dont want use accordian must place onclick event on other buttons or can use accordian

check fiddle bootstrap accordian


Comments

Post a Comment

Popular posts from this blog

php - How to add and update images or image url in Volusion using Volusion API -

actually have store importing products store product data insert , update image or image url not insert , update. this xml code name datapro.txt. <products_joined> <productcode>3710_012t</productcode> <vendor_partno>eah5450silent/di/1gd3(lp)</vendor_partno> <productname>test product ta</productname> <hideproduct>n</hideproduct> <stockstatus>20</stockstatus> <lastmodified>1/5/2016 10:25:00 am</lastmodified> <lastmodby>2</lastmodby> <productweight>0.9</productweight> <productprice>100</productprice> <productmanufacturer>asus tek</productmanufacturer> <vendor_price>32.69</vendor_price> <numproductssharingstock>0</numproductssharingstock> <categoryids>107</categoryids> <producturl>http://tebkq.mvlce.servertrust.com/productdetails.asp?productcode=3710_012t</producturl>
Read more

javascript - IE9 error '$'is not defined -

Image
<!--[if lte ie 9]><html class="lte9"><![endif]--><!--[if gt ie 9]><html><![endif]--> <!--[if !ie]><!--> <html> <!--<![endif]--> blah blah <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="{{ asset('js/mypage.js') }}" type="text/javascript"></script> </body> </html> when load page, ie9 brings error '$' not defined . how can solve error? +++ mypage.js $(function(){ //when load page, //ie9 tag not moving. $(window).load(function() { $('div.mask').hide(); }); // when click , willshow show. //for not ie 9 if (!$('html').hasclass('lte9')) { var = $('ul.about > li > span.activebtn');
Read more