Line 1: | Line 1: | ||
{{RHIT}} | {{RHIT}} | ||
<html> | <html> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | |||
+ | |||
+ | $("#notebooktab").click(function() { | ||
+ | $("#notebook").show(); | ||
+ | $("#protcol").hide(); | ||
+ | }); | ||
+ | $("#protocoltab").click(function() { | ||
+ | $("#notebook").hide(); | ||
+ | $("#protcol").show(); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
<style> | <style> | ||
Line 6: | Line 23: | ||
position:absolute; | position:absolute; | ||
width:100%; | width:100%; | ||
+ | top:100px; | ||
+ | background-color:yellow; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .notebook { | ||
+ | position:absolute; | ||
+ | width:100%; | ||
+ | top:100px; | ||
+ | background-color:pink; | ||
+ | } | ||
+ | |||
+ | .protocols tab { | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | left:50px; | ||
+ | height:50px; | ||
+ | top:50px; | ||
+ | background-color:yellow; | ||
+ | border-radius: 25px; | ||
+ | border: 2px solid #000000; | ||
+ | } | ||
+ | |||
+ | .notebook tab { | ||
+ | position:absolute; | ||
+ | left:260px; | ||
+ | width:200px; | ||
+ | top:50px; | ||
+ | height:50px; | ||
+ | background-color:pink; | ||
+ | border-radius: 25px; | ||
+ | border: 2px solid #000000; | ||
+ | } | ||
+ | |||
+ | </style> | ||
<div class="column full_size"> | <div class="column full_size"> | ||
+ | |||
+ | |||
+ | <div class = "notebook tab" id="notebooktab"> Notebook </div> | ||
+ | <div class = "notebook" id="notebook"> test test test test test test test test test test test test test test test </div> | ||
+ | <div class = "protocols tab" id="protocoltab"> Protocols </div> | ||
+ | <div class = "protocols" id="protocol"> test test test test test test test test test test test test test test test </div> | ||
+ | |||
<h1>Notebook</h1> | <h1>Notebook</h1> |
Revision as of 13:49, 12 July 2018