Skip to content

Instantly share code, notes, and snippets.

@fapestniegd
Created June 20, 2012 21:14
Show Gist options
  • Select an option

  • Save fapestniegd/2962275 to your computer and use it in GitHub Desktop.

Select an option

Save fapestniegd/2962275 to your computer and use it in GitHub Desktop.
<script type='text/javascript'>
$(document).ready(function(){
$('.tabs li').click(function() {
$('.tabs li').removeClass('active');
$(this).addClass('active');
$('.tab_content').hide();
var selected_tab = $(this).find('a').attr('href');
$(selected_tab).fadeIn();
return false;
});
});
</script>
<div><b>" + title + "</b><br>" + name + " \
<div id='tabs_container'> \
<ul class='tabs' id='tabs'> \
<li class='active'><a href='#tab1'>Notes</a></li> \
<li><a href='#tab2'>ping</a></li> \
<li><a href='#tab3'>disk</a></li> \
<li><a href='#tab4'>memory</a></li> \
<li><a href='#tab5'>load</a></li> \
<li><a href='#tab6'>availibility</a></li> \
</ul> \
</div> \
<div id='tabs_content_container'> \
<div id='tab1' class='tab_content' style='display: block;'> \
<p>tab1 text<p><textarea cols='50' rows='1'></textarea> \
</div> \
<div id='tab2' class='tab_content'> \
<p>tab2 text.</p> \
</div> \
<div id='tab3' class='tab_content'> \
<p>tab3 stuff</p> \
</div> \
<div id='tab4' class='tab_content'> \
<p>tab3 stuff</p> \
</div> \
<div id='tab5' class='tab_content'> \
<p>tab3 stuff</p> \
</div> \
</div> \
</div> \
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment