$(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(event) {
        event.preventDefault();
        if ($(this).is('.msg_head')) {
            $(this).removeClass('msg_head');
            $(this).addClass("msg_headSelected");
        } else {
            $(this).removeClass('msg_headSelected');
            $(this).addClass("msg_head");
        }
        $(this).next(".msg_body").slideToggle(220);
        //$(this).next(".msg_body").fadeIn('slow');
    });
    $(".msg_headStartSelected").click(function(event) {
        event.preventDefault();
        if ($(this).is('.msg_headStartSelected')) {
            $(this).removeClass('msg_headStartSelected');
            $(this).addClass("msg_headSelected");
        } else {
            $(this).removeClass('msg_headSelected');
            $(this).addClass("msg_headStartSelected");
        }
        $(this).next(".msg_bodyStartSelected").slideToggle(220);
        //$(this).next(".msg_bodyStartSelected").fadeIn('slow');
    });

});