Show a div when click on related link and hide the others
问题 I've this code: <head> <script> $(document).ready(function(){ // Optional code to hide all divs $("div").hide(); // Show chosen div, and hide all others $("a").click(function () { $("#" + $(this).attr("class")).show().siblings('div').hide(); }); }); </script> </head> <body> Click a button to make it visible:<br /><br /> <a href="" class="one">One</a> <a href="" class="two">Two</a> <a href="" class="three">Three</a> <a href="" class="four">Four</a><br /><br /> <div id="one">One</div> <div id=