Turkey's one of leading healthcare institution's portal website.
Corporate website with admin panel.
Just coding with patiance. Used varius JQuery tricks and stuff.
Just coding with patiance. Used varius JQuery tricks and stuff.
Just coding with patiance. Used varius JQuery tricks and stuff.
Just coding with patiance. Used varius JQuery tricks and stuff.
Just coding with patiance. Used varius JQuery tricks and stuff.
<-- html mark up -->
<div id="selector">
<ul>
<li>
<a href="#/tab1">Tab 1</a>
</li>
<li>
<a href="#/tab2">Tab 2</a>
</li>
<li>
<a href="#/tab3">Tab 3</a>
</li>
<li>
<a href="#/tab4">Tab 4</a>
</li>
</ul>
<div id="tab1" class="tabContainer">
<-- content -->
</div>
<div id="tab2" class="tabContainer">
<-- content -->
</div>
<div id="tab3" class="tabContainer">
<-- content -->
</div>
<div id="tab4" class="tabContainer">
<-- content -->
</div>
</div>
// jQuery
$('#selector').linkedtabs({
// Required:
// define href selectors
tab1: '#/tab1',
tab2: '#/tab2',
tab3: '#/tab3',
tab4: '#/tab4',
// define your tab selector class
tabClass : 'tabContainer',
// Options:
// default selected class is ".active"
// but in case usage with different definition
activeClass: 'myActiveClass'
// true for mouse over response
hover: true,
// there two animation methods at the moment
// fading and bounce
animation: 'bounce',
// default value is 444
// but you can customise this
speed: 600
});