Доброе время суток.

Прошу не судить строго, с javascript разбираюсь всего день, понадобилось добавить скрытие/раскрытие div элементов.

За основу взял пример

<script type="text/javascript">
$(document).ready(function(){
    //hide the all of the element with class msg_body
    $(".msg_body").hide();
    //toggle the componenet with class msg_body
    $(".msg_head").click(function(){
        $(this).next(".msg_body").slideToggle(100);
    });
});
</script>

Все работает как нужно, кроме одно. Первый элемент <div class="msg_body"> нужно оставить раскрытым при показе страничики,
а после он должен вести себя по закону .click(function() функции.
Пересмотрел кучу примеров jquery но что то не нашел для себя решения.

Пробовал добавить id=msg_visible — в тело первого msg_body и использовать

   $("#msg_visible").show();

Но тогда он постоянно видимый и не подчиняется вызову .click(function()

Подскажите кто знает как исправить ситуацию, спасибо.