list - dojo: リストでの選択に基づいて div を表示または非表示にします

Question

dojo を使用してこれを達成する簡単な方法はありますか (jQuery の方が簡単ですが、dojo を使用する必要があります):単純な順序付けられていないリストがあります。Dojo にリストのスタイルを設定させたくありません (ウィジェットを使用した場合のように)。リストのリンクをクリックすると、リンクに関連付けられた div が表示されます。次に、リスト内の別のリンクをクリックすると、最初の div が非表示になり、それが表示されます。

<div id="content">
<h2>Header</h2>
 <ul>
 <li><a href="#sub_content1">Link 1</a></li>
 <li><a href="#sub_content2">Link 2</a></li>
 <li><a href="#sub_content3">Link 3</a></li>
 </ul>

<div id="sub_content1" style="display:none;">
<h3>Sub Content Header 1</h3>
<p>Lorem ipsum veritas britas conflictum civa</p>
</div>

<div id="sub_content2" style="display:none;">
<h3>Sub Content Header 2</h3>
<p>Lorem ipsum mobius ceti</p>
</div>


<div id="sub_content3" style="display:none;">
<h3>Sub Content Header 3</h3>
<p>Lorem ipsum citrus pecto</p>
    <ul>
    <li>Lemons</li>
    <li>Limes</li>
    </ul>
</div>

  </div><!-- end of #content -->