$(document).ready(function() {
    $('.menuitem').click(function() {
        $('.submenu').slideUp(200);

	        var submenuId = '#' + this.id.replace(/_menu/g, "_submenu");

        setTimeout(function() { $(submenuId).slideDown(400); }, 200);
    });

    // SUBMENU1 -->  
    $('#submenu1').hide();
    $('a.toggle1').click(function() {
        $('#submenu2').slideUp(200);
        $('#submenu3').slideUp(200);
        setTimeout(function() { $('#submenu1').slideToggle(400); }, 200);
    });

    // SUBMENU2 -->
    $('#submenu2').hide();
    $('a.toggle2').click(function() {
        $('#submenu1').slideUp(200);
        $('#submenu3').slideUp(200);
        setTimeout(function() { $('#submenu2').slideToggle(400); }, 200);
    });

    // SUBMENU3 -->
    $('#submenu3').hide();
    $('a.toggle3').click(function() {
        $('#submenu1').slideUp(200);
        $('#submenu2').slideUp(200);
        setTimeout(function() { $('#submenu3').slideToggle(400); }, 200);
    });
    
    $('li.hier a').each(function() {
        var submenuId = '#' + this.id.replace(/_menu/g, "_submenu");

		$(submenuId).show();
    });
});