44 lines
1.9 KiB
HTML
44 lines
1.9 KiB
HTML
|
<link rel="stylesheet" href="../static/css/modules/tabsinnerright.css" type="text/css" />
|
||
|
|
|
||
|
|
<ul class="tabsInnerRight">
|
||
|
|
<li><a href="#tab1">Tab1</a></li>
|
||
|
|
<li><a href="#tab2">Tab2</a></li>
|
||
|
|
<li><a href="#tab3">Tab3</a></li>
|
||
|
|
<li><a href="#tab4">Tab4</a></li>
|
||
|
|
<li><a href="#tab5">Tab5</a></li>
|
||
|
|
<li><a href="#tab6">Tab6</a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<div class="tab_container">
|
||
|
|
<div id="tab1" class="tab_content">
|
||
|
|
Organised 50 years after the original Drama Seminar in 1957, the Not the Drama Seminar (NTDS) brought together theatre practitioners from all across the country to convene at Ninasam, Heggodu in March 2008. This seminar meditated on the nature of theatre in India today, on how we got to where we are. The attempt was to understand 'Indian Theatre' in all its multiplicity and diversity, bringing these several faces of Indian theatre face to face, and problemetize the issues that arise therein. These ideas were exchanged through a series of presentations and discussions over five days, and each day ended with a performance. <!--Content-->
|
||
|
|
</div>
|
||
|
|
<div id="tab2" class="tab_content">
|
||
|
|
b <!--Content-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(document).ready(function() {
|
||
|
|
|
||
|
|
//When page loads...
|
||
|
|
$(".tab_content").hide(); //Hide all content
|
||
|
|
$("ul.tabsInnerRight li:first").addClass("active").show(); //Activate first tab
|
||
|
|
$(".tab_content:first").show(); //Show first tab content
|
||
|
|
|
||
|
|
//On Click Event
|
||
|
|
$("ul.tabsInnerRight li").click(function() {
|
||
|
|
|
||
|
|
$("ul.tabsInnerRight li").removeClass("active"); //Remove any "active" class
|
||
|
|
$(this).addClass("active"); //Add "active" class to selected tab
|
||
|
|
$(".tab_content").hide(); //Hide all tab content
|
||
|
|
|
||
|
|
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
|
||
|
|
$(activeTab).fadeIn(); //Fade in the active ID content
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|