Javascript MenuBar with TickMarks beside Menu Items
<p>I have a MenuBar as shown with values One , Two and Three currently .Onclick of that Menu Item (For Example One) i am showing a Label One </p>

<p>How can i have  a TickMark beside the Menu Item when it is selected and remove the TickMark when it is deselected .</p>

<p>This is my Menu Bar Code </p>

<pre><code>&lt;ul id="sddm" style="width:420px;margin:0 auto"&gt;
    &lt;li&gt;&lt;a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()"&gt;Test&lt;/a&gt;
        &lt;div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"&gt;
        &lt;a href="#" OnClick="MyFunction();"&gt;One&lt;/a&gt;
        &lt;a href="#"&gt;Two&lt;/a&gt;
        &lt;a href="#"&gt;Three&lt;/a&gt;
        &lt;/div&gt;
    &lt;/li&gt;
</code></pre>

<p>This is the style sheet i am using currently</p>

<pre><code>#sddm
{   margin: 0;
    padding: 0;
    z-index: 30}

#sddm li
{   margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 11px arial}

#sddm li a
{   display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    width: 60px;
    background: #5970B2;
    color: #FFF;
    text-align: center;
    text-decoration: none}

#sddm li a:hover
{   background: #49A3FF}

#sddm div
{   position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #5970B2}

    #sddm div a
    {   position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #EAEBD8;
        color: #2875DE;
        font: 11px arial}

    #sddm div a:hover
    {   background: #49A3FF;
        color: #FFF}
</code></pre>

<p>Please help </p>
