Widget:AnchorExpandDiv: Difference between revisions

From OER in Education
No edit summary
No edit summary
Line 1: Line 1:
<includeonly><details>
<includeonly>
<summary>This is what you want to show before expanding</summary>
<a href="#">Click here for menu</a>  
<p>This is where you put the details that are shown once expanded</p>
</includeonly><noinclude>
</details>
This is how it works:
 
<a class="exp" href="#url" tabindex="1">1.</a>
 


<div class="faq">
<div class="faq">
   <ul>
   <ul>
   <li><a href="#">Click here for menu</a> 
   <li> {{#widget:AnchorExpandDiv}}
 
   <div id="question1">
   <div id="question1">
test
test
</div>
</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>
   </li>
   </ul>   
   </ul>   
</div>
</div>


<div class="expandmenu">
<div> <a href="#">Outer: click me.</a>
<div>inner
</div>
</div>
</div>


</includeonly><noinclude>
 
 
[[User:Bjoern/ExpMenu]]
[[User:Bjoern/ExpMenu]]


[[MediaWiki:Vector.css]]
[[MediaWiki:Vector.css]]
</noinclude>
</noinclude>

Revision as of 12:59, 7 May 2013

This is how it works:

Retrieved from "https://oer.opendeved.net/index.php?title=Widget:AnchorExpandDiv&oldid=18053"