Making id link visible

[brujo321]

a really simple question but I couldn't think of the "right" words to search on google. My problem is I want to make the link 'History' still visible after I click it. I don't want the page to go down to div, but just change content. I know I'll need jquery to hide/switch content, but I'm stuck at the link part.\[code\]#goals{display : none;}#history{display : block;}\[/code\]\[code\]<p ><a href="http://stackoverflow.com/questions/14451082/#history"> <b>History</b> </a></p><p ><a href="http://stackoverflow.com/questions/14451082/#mission"> <b>Mission</b> </a></p><div id="history"><p> blah blah blah </p></div><div id="mission"><p> blah blah blah </p></div>\[/code\]\[code\]$("#goals a").click(function(){ $("#history).hide(); $("#goals).show();})\[/code\]