<div id="my_tabs">
<ul>
<li><a href="#php">PHP</a></li>
<li><a href="#html">HTML</a></li>
<li><a href="#js">JavaScript</a></li>
<li><a href="#mysql">MySQL</a></li>
</ul>
<div id='php'>PHP is a server side scripting language ...........
</div>
<div id='html'>This is the set of tags which is understood by web browser......
</div>
<div id='mysql'>This is a database which stores records.....
</div>
</div>
<script>
$(document).ready(function() {
/////////
var my_duration=800;
$( "#my_tabs" ).tabs({
});
/////////////
$("input:radio[name=r1]").click(function() {
var sel = $(this).val()
$( "#my_tabs" ).tabs( "option", "show", { effect: sel, duration: my_duration } );
$('#d1').html( " show Option value = <code>" + sel + "</code>" );
})
////////
var status = $( "#my_tabs" ).tabs( "option", "show" );
$('#d1').html( " show Option value = <code>" + status + "</code>" );
///////
})
</script>