请教一段DIV选项卡代码,JQUERY

Question

<!-- description and features --><div id="more_info_block" class="smoothTabs"> <ul id="more_info_tabs" class="idTabs idTabsShort"> <li><a class="selected" id="more_info_tab_more_info" href="#idTab1">Moreinfo</a></li> <li><a class="mydifineLI2" id="more_info_tab_data_sheet" href="#idTab2">Data sheet</a></li> </ul> <div id="more_info_sheets"> <!-- full description --> <div class="" id="idTab1"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis arcu non orci hendrerit in imperdiet lectus molestie. Curabitur adipiscing felis arcu, at gravida velit. Sed quis neque sed nibh sagittis lobortis vel nec lacus. Sed ut fermentum risus.</p> </div> <!-- product's features --> <div> <ul class="block_hidden_only_for_screen" id="idTab2"> <li><span>Width:</span> 5"</li> <li><span>Height:</span> 15"</li> <li><span>Depth:</span> 5"</li> <li><span>Weight:</span> 3 kg</li> <li><span>Size:</span> M</li> </ul> </div> </div></div>   两个选项卡点击切换，麻烦路过的朋友指点一下。

Answer 1

$(".more_info_tabs a").click(function(){$(".more_info_sheets div").css("display",'none');$(this.attr("href")).css("display","block");})

Answer 2

好像不够简洁