Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
BlueHost Web Hosting

Bonsai Boy of New York Bonsai Trees and Accessories

Website Domains Names & Hosting | Domain.com

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

DreamHost Web Hosting


Instant Grammar Checker - Correct all grammar errors and enhance your writing

Liquid Web Cloud VPS Hosting

Disclosure We are a professional Programming & Software Q&A website, that receives compensation from some of the links whose we show you with Information. It means that my content may contain affiliate links.

12,730 questions

17,332 answers

573 users

How to create collapse button to show and hide text in Bootstrap

2 Answers

0 votes
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
 
<div class="container">
  <button type="button" class="btn btn-info" data-toggle="collapse" 
          data-target="#demo">click to collapse</button>
  <div id="demo" class="collapse">
    Bootstrap is a free and open-source front-end web framework for designing <br />
    websites and web applications. <br />
    It contains HTML and CSS.
  </div>
</div>

</body>
</html>

 




answered Jul 20, 2017 by avibootz
0 votes
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
 
<div class="container">
  <button type="button" class="btn btn-info" data-toggle="collapse" 
          data-target="#demo">click to collapse</button>
  <div id="demo" class="collapse in">
    Bootstrap is a free and open-source front-end web framework for designing <br />
    websites and web applications. <br />
    It contains HTML and CSS.
  </div>
</div>

</body>
</html>

 




answered Jul 20, 2017 by avibootz
...