Team:Imperial College/Templates/tabs

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:Imperial_College/Templates:header}}
{{:Team:Imperial_College/Templates:header}}
<html>
<html>
 +
<div id="TabbedPanels1" class="TabbedPanels">
<div id="TabbedPanels1" class="TabbedPanels">
Line 14: Line 15:
   <div class="TabbedPanelsContentGroup">
   <div class="TabbedPanelsContentGroup">
     <div class="TabbedPanelsContent">Content 1</div>
     <div class="TabbedPanelsContent">Content 1</div>
-
     <div class="TabbedPanelsContent">Content 3</div>
+
     <div class="TabbedPanelsContent">Content 2</div>
-
     <div class="TabbedPanelsContent">Content 4</div>
+
     <div class="TabbedPanelsContent">Content 3
-
     <div class="TabbedPanelsContent">Content 5</div>
+
    </div>
 +
     <div class="TabbedPanelsContent">Content 4
 +
    <div id="CollapsiblePanelMod1" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content Hello world</div>
 +
      </div>
 +
      <div id="CollapsiblePanelMod2" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content</div>
 +
      </div>
 +
      <div id="CollapsiblePanelMod3" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content</div>
 +
      </div>
 +
      <div id="CollapsiblePanelMod4" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content</div>
 +
      </div>
 +
      <div id="CollapsiblePanelMod5" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content</div>
 +
      </div>
 +
      <div id="CollapsiblePanelMod6" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content</div>
 +
      </div>
 +
      <div id="CollapsiblePanelMod7" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content</div>
 +
      </div>
 +
      <div id="CollapsiblePanelMod8" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content</div>
 +
      </div>
 +
      <div id="CollapsiblePanelMod9" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content</div>
 +
      </div>
 +
      <div id="CollapsiblePanelMod10" class="CollapsiblePanel">
 +
        <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
 +
        <div class="CollapsiblePanelContent">Content</div>
 +
      </div>
 +
    </div>
     <div class="TabbedPanelsContent">Content 6</div>
     <div class="TabbedPanelsContent">Content 6</div>
     <div class="TabbedPanelsContent">Content 7
     <div class="TabbedPanelsContent">Content 7
Line 60: Line 103:
   </div>
   </div>
</div>
</div>
-
<script>
+
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
 +
var CollapsiblePanelMod1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod1", {contentIsOpen:false});
 +
var CollapsiblePanelMod2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod2", {contentIsOpen:false});
 +
var CollapsiblePanelMod3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod3", {contentIsOpen:false});
 +
var CollapsiblePanelMod4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod4", {contentIsOpen:false});
 +
var CollapsiblePanelMod5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod5", {contentIsOpen:false});
 +
var CollapsiblePanelMod6 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod6", {contentIsOpen:false});
 +
var CollapsiblePanelMod7 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod7", {contentIsOpen:false});
 +
var CollapsiblePanelMod8 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod8", {contentIsOpen:false});
 +
var CollapsiblePanelMod9 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod9", {contentIsOpen:false});
 +
var CollapsiblePanelMod10 = new Spry.Widget.CollapsiblePanel("CollapsiblePanelMod10", {contentIsOpen:false});
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});

Revision as of 21:21, 1 October 2013

  • Overview
  • Specifications
  • Design
  • Modelling
  • Assemble
  • Testing & results
  • Future work
Content 1
Content 2
Content 3
Content 4
Tab
Content Hello world
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Content 6
Content 7
Tab
Content Hello world
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Tab
Content
Content 2

Retrieved from "http://2013.igem.org/Team:Imperial_College/Templates/tabs"