jquery | show and hide div contents

sample coding

inside java script

$(document).ready(function(){
$("#Advancedsettings").hide();
$("#Basicsettings").hide();
$("#BS").click(function(event){
event.preventDefault();
$("#Basicsettings").show();
$("#Advancedsettings").hide();

});
$("#AS").click(function(event){
event.preventDefault();
$("#Basicsettings").hide();
$("#Advancedsettings").show();

});

});