Difference between revisions of "Team:SDU-Denmark/Notebook"

Line 14: Line 14:
 
     <div class="col-sm-11 col-sm-push-1" >
 
     <div class="col-sm-11 col-sm-push-1" >
 
<!----------CONTENT--------------------------------->
 
<!----------CONTENT--------------------------------->
−
<style> 
+
<div>
−
.faq>ul>li {
+
  <a id="hide1" href="#hide1" class="hide">+ Summary goes here</a>
−
    display:block;
+
   <a id="show1" href="#show1" class="show">- Summary goes here</a>
−
    float:left;
+
  <div class="details">
−
    padding:5px;
+
    Content goes here.
−
}
+
  </div>
−
 
+
</div>
−
.faq>ul>li>div {
+
<div>
−
    display:none;
+
  <a id="hide2" href="#hide2" class="hide">+ Summary goes here</a>
−
}
+
  <a id="show2" href="#show2" class="show">- Summary goes here</a>
−
 
+
  <div class="details">
−
.faq>ul>li>div:target {
+
    Content goes here.
−
    display:block;
+
  </div>
−
}
+
−
 
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
<div class="faq">
+
−
  <ul>
+
−
  <li><a href="#question1">Question 1</a>   
+
−
  <div id="question1">Answer 1 </div>
+
−
  </li>
+
−
 
+
−
 
+
−
  <li><a href="#question2">Question 2</a>
+
−
  <div id="question2">Answer 2 </div>
+
−
  </li>
+
−
  <li><a href="#question3">Question 3</a>
+
−
  <div id="question3">Answer 3 </div>
+
−
  </li>
+
−
  <li><a href="#question4">Question 4</a>
+
−
  <div id="question4">Answer 4 </div>
+
−
  </li>
+
−
  <li><a href="#question5">Question 5</a>
+
−
  <div id="question5">Answer 5 </div>
+
−
  </li>
+
−
  <li><a href="#question6">Question 6</a>
+
−
  <div id="question6">Answer 6 </div>
+
−
  </li>
+
−
  </ul>
+
 
</div>
 
</div>
 
<!--- END CONTENT------------------------------------>
 
<!--- END CONTENT------------------------------------>

Revision as of 18:28, 10 October 2016

Notebook