如何在单独的div标签中单击时，如何使每个标签显示不同的文本块？

<aside class="side_article_content"><p id="defaultText">Chakras are blah blah blah</p>
    <p id="baseChakraInfo" style="display:none;">Base Chakra blah blah blah</p>
    <p id="sacralChakraInfo" style="display:none;">Sacral Chakra blah blah blah</p>
    <p id="solarPlexusChakraInfo" style="display:none;">Solar Plexus Chakra blah blah blah</p>
    <p id="heartChakraInfo" style="display:none;">Heart Chakra blah blah blah</p>
    <p id="throatChakraInfo" style="display:none;">Throat Chakra blah blah blah</p>
    <p id="browChakraInfo" style="display:none;">Brow Chakra blah blah blah</p>
    <p id="crownChakraInfo" style="display:none;">Crown Chakra blah blah blah</p></aside>
    </div>   
<div class="main">
            <ul>
                <li><a href="/go.html?url=javascript:void(0)" id="base" onClick="showBase(this);" class="_base">Base or Root</a></li>
                <li><a id="sacral" href="/go.html?url=javascript:void(0)" onClick="showSacral(this);"  class="_sacral" >Sacral</a></li>
                <li><a id="solarPlexus" href="/go.html?url=javascript:void(0)" onClick="showSolarPlexus(this);" class="_solar">Solar Plexus</a></li>
                <li><a id="heart" href="/go.html?url=javascript:void(0)" onClick="showHeart(this);" class="_heart" >Heart</a></li>
                <li><a id="throat" href="/go.html?url=javascript:void(0)" onClick="showThroat(this);" class="_throat">Throat</a></li>
                <li><a id="brow" href="/go.html?url=javascript:void(0)" onClick="showBrow(this);" class="_brow">Brow</a></li>
                <li><a id="crownChakra" href="/go.html?url=javascript:void(0)" onClick="showCrownChakra(this);" class="chakra_crown" title="Crown Chakra">Crown Chakra - Pineal gland, regulates biological cycles, including sleep.</a></li>                                                                        
            </ul>
        </div>
<aside class="side_article_content"><p id="defa