How Can I Rectify My Problem In Below Code?

See more:

jQuery

$(document).ready(function () {
$("ul li").click(function () {
var ind = $(this).index();
$("#panel div:eq(" + ind + ")").not($(this)).hide();//for hiding remaining all tab contents
$("#panel div:eq(" + ind + ")").show(); //for display present tab only
});
});



in this java script i want to show tab content when i click respective tab...
and if i click one tab only that tab content will be showed remaining all are hide..but in my program present tab content showed as well as previous tab content...how to hide that???
here panel is my div id....