how to create a expand/collapse structure, like this:

(Collapsed Form)

Nokia
Motorola
Sony Erricson

(Expanded Form)
Nokia
 Nokia 6600
 Nokia N-91
 Nokia Communicator
Motorola
 Moto Slim
 Moto Rocker
 Moto FM
Sony Erricson
 K500i
 K750i
 W800i

when I click on Nokia, it may display its models, again I click on Nokia it may hide its models. Same procedure for Motorola and Sony Erricson.

can any body tell me how to do this

Hii kanoorani!!

You can use div/span tag or tr/td with display/visibility style ,and check on click on the Noika/Motorola/Sony Erricson ,depending on the click you can change the visibility/diplay of contents.
Hope this will help you


Cheers :)

vinod

i'll B thankful 2 u if u plz provide me Code for it

Here is a sample code snippet that may be helpful for you

    <DIV onclick="showHideMenu('nokia');">Nokia</DIV>
    <DIV id="nokia" style="display:none;">
        &nbsp;Nokia 6600<br />
        &nbsp;Nokia N-91<br />
        &nbsp;Nokia Communicator<br />
    </DIV>
    <DIV onclick="showHideMenu('sonyerricson');">Sonyerrics on</DIV>
    <DIV id="sonyerricson" style="display:none;">
        &nbsp;K500i<br />
        &nbsp;K700i<br />
        &nbsp;W800i<br />
    </DIV>
    <SCRIPT language="javascript">
        function showHideMenu(id)
        {
            if(document.getElementById(id).style.display == 'none')
                document.getElementById(id).style.display = 'inline';
            else
                document.getElementById(id).style.display = 'none';
        }
    </SCRIPT>

heyyyyy
thanks alot, it'z working fine

take care :-)