show wholly component jquery

i need arrangement wholly component during couple clicked on. right i'm intrigue stealing all again following toggling component clicked on. works, unless i wish all disappear again. brief adding "hide all" button/link i do? i means click couple again, bury it's content.

edit: pseudo's formula have worked, nonetheless html here wrongly led trust links div. instead tracking down where were, easier id.

here's i have far:

$(document).ready(function(){
    //hides everything
    $("#infocontent *").hide();

    //now arrangement click on
    $("#linkjoedhit").click(function(event){
      $("#infocontent *").hide();
      $("#infojoedhit").toggle();
      relapse false;
    });

    $("#linkgarykhit").click(function(event){
      $("#infocontent *").hide();
      $("#infogarykhit").toggle();
      relapse false;
    });

});

and html looks like:

<div id="theircrappycode">
    <a id="linkjoedhit" href="">joe d</a><br/>
    <a id="linkgarykhit" href="">gary k</a>
</div>

<div id="infocontent">
    <p id="infojoedhit">information joe d hitting.</p>
    <p id="infogarykhit">information gary k hitting.</p>
</div

there 20 links this. since i am coding tangible html, i have control over tangible layout, horrendous. sufficient say, wholly proceed classify links/info.