HTML Forum

**CompTronicsTec** · 07-11-2008, 08:12 PM

Hello everyone, this is my first post. I actually got this code from a member here, Christopher i beleive is his name. Im having some trouble.

Id simply like to change it so that by default all everything is collapsed and taking up as little space as possible. Right now everything is expanded by default and i know almost nothing about coding. I managed to modify the code to add another collapsible menu...took a while to figure it out.

Heres the code;

Code:

<html>
<head>
    <title> New Document </title>
    <script language="javascript">
    function getItem(id)
    {
        var itm = false;
        if(document.getElementById)
            itm = document.getElementById(id);
        else if(document.all)
            itm = document.all[id];
        else if(document.layers)
            itm = document.layers[id];
        return itm;
    }
    function toggleItem(id)
    {
        itm = getItem(id);
        if(!itm)
            return false;
        if(itm.style.display == 'none')
            itm.style.display = '';
        else
            itm.style.display = 'none';
        return false;
    }
    </script>
</head>
<body>
<table width="400">
    <tbody>
        <tr><td style="background-color: #CCC"><a href="#" onclick="toggleItem('myTbody')">Ford Bronco</a></td></tr>
    </tbody>
    <tbody id="myTbody">
        <tr><td>Engine 1</td></tr>
        <tr><td>Engine 2</td></tr>
        <tr><td>Engine 3</td></tr>
        <tr><td>Test row4</td></tr>
        <tr><td>Test row5</td></tr>
    </tbody>
</table>
</body>
</html>__________________
<html>
<head>
    <title> New Document </title>
    <script language="javascript">
    function getItem(id)
    {
        var itm1 = false;
        if(document.getElementById)
            itm1 = document.getElementById(id);
        else if(document.all)
            itm1 = document.all[id];
        else if(document.layers)
            itm1 = document.layers[id];
        return itm1;
    }
    function toggleItem(id)
    {
        itm1 = getItem(id);
        if(!itm1)
            return false;
        if(itm1.style.display == 'none')
            itm1.style.display = '';
        else
            itm1.style.display = 'none';
        return false;
    }
    </script>
</head>
<body>
<table width="400">
    <tbody>
        <tr><td style="background-color: #CCC"><a href="#" onclick="toggleItem('myTbody1')">Ford F-150</a></td></tr>
    </tbody>
    <tbody id="myTbody1">
        <tr><td>Engine 1</td></tr>
        <tr><td>Engine 2</td></tr>
        <tr><td>Engine 3</td></tr>
        <tr><td>Test row4</td></tr>
        <tr><td>Test row5</td></tr>
    </tbody>
</table>
</body>
</html>__________________

Thanks for the help.

**CompTronicsTec** · 07-12-2008, 05:57 PM

Common guys, 50 veiws and not one response. Im sure that what im asking isnt impossible i just dont have the personal knowlege to do it.

All i need to do is make the tables collapsed by default instead of all expanded by default, please help.

**joder** · 07-12-2008, 07:06 PM

Maybe you should ask a mod to move this to the correct forum.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!