Home / Tutorial Bootstrap / Cara buat collapse expand ke atas di bootstrap

Cara buat collapse expand ke atas di bootstrap


Assalamu'alaikum wr wb
Kali ini saya akan share bagaimana caranya membuat collapse expand ke atas di bootstrap.
Berikut ini syntaxnya.
---------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>

</head>
<body>
<div class="container">

  <div class="header-cool">
 
  <div class="panel-group" id="accordion">
    <div class="panel panel-default">
      <div id="collapseOne" class="panel-collapse collapse">
        <div class="panel-body">
          Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf. Ia tidak hanya bertahan selama 5 abad, tapi juga telah beralih ke penataan huruf elektronik, tanpa ada perubahan apapun. Ia mulai dipopulerkan pada tahun 1960 dengan diluncurkannya lembaran-lembaran Letraset yang menggunakan kalimat-kalimat dari Lorem Ipsum, dan seiring munculnya perangkat lunak Desktop Publishing seperti Aldus PageMaker juga memiliki versi Lorem Ipsum.
        </div>
      </div>
   
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" href="#collapseOne">
            Collapsible Group Item #1
          </a>
        </h4>
      </div>
    </div>
  </div>
  </div>

</div>
</body>
</html>
---------------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/
Cara buat collapse expand ke atas di bootstrap Cara buat collapse expand ke atas di bootstrap Reviewed by Syawaluddin Amin, S.Kom on September 16, 2016 Rating: 5

You May Also Like

Tidak ada komentar:

Langganan: Posting Komentar ( Atom )
Diberdayakan oleh Blogger.