Как сделать автоматическое закрытие лишнего меню.

Всем привет!

Есть окно навигации, сделано так:

HTML:

<tr>
    <td class="s5_bluebox" style="width: 147px;">
        <h5 style="text-align: center;">
            <em>
                <strong>
                    <a class="list-group-item collapse-parent" href="#menu4" data-toggle="collapse" data-parent="#MainMenu">
                        Структурированная кабельная система
                    </a>
                </strong>
            </em>
        </h5>
    </td>
</tr>
<tr>
    <td style="width: 147px;">
        <h4 id="menu4" class="collapse">
            <a class="list-group-item" href="http://666006.ru/Cobinet">Cobinet<br/><br/></a>
            <a class="list-group-item" href="http://666006.ru/Excel">Excel</a>
        </h4>
    </td>
</tr>

Таких менюшек много, мне надо что бы открываю одну, другая закрывалась.

 

Таких примеров куча да и есть готовые менюшки.
Тебе надо по событию (навел мышкой) добавлять класс, который показывает менюшку, а на другие вешаешь класс, который их скрывает.