-
Notifications
You must be signed in to change notification settings - Fork 30
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
This will address #45
- Loading branch information
Showing
3 changed files
with
14 additions
and
27 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,41 +1,28 @@ | ||
--- | ||
title: "Test collapse button" | ||
author: "Thibaut Jombart" | ||
authors: ["Thibaut Jombart", "Janetta Skarp", "Zhian N. Kamvar", "Alexander Spina", "Patrick Keating"] | ||
authors: "Thibaut Jombart" | ||
date: 2018-10-24 | ||
licenses: CC-BY | ||
categories: "case study" | ||
slug: button-test | ||
image: img/highres/graduation-1965.jpg | ||
showonlyimage: true | ||
--- | ||
|
||
Here is an attempt at collapse button, taken from: | ||
|
||
<https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_collapsible&stacked=h> | ||
|
||
<!-- This one will work: --> | ||
|
||
<!-- <div class="container"> --> | ||
<!-- <h2>Simple Collapsible</h2> --> | ||
<!-- <p>Click on the button to toggle between showing and hiding content.</p> --> | ||
<!-- <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Simple collapsible</button> --> | ||
<!-- <div id="demo" class="collapse"> --> | ||
<!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit, --> | ||
<!-- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, --> | ||
<!-- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. --> | ||
<!-- </div> --> | ||
<!-- </div> --> | ||
|
||
|
||
|
||
<h2> | ||
Simple Collapsible | ||
</h2> | ||
<p> | ||
Click on the button to toggle between showing and hiding content. | ||
</p> | ||
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo"> | ||
Simple collapsible | ||
</button> | ||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, | ||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | ||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | ||
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Simple | ||
collapsible</button> | ||
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | ||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim | ||
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea | ||
commodo consequat. |