Vertical sliding menu

Vertical sliding menu

HTML

<a id="menutrigger">Main Tab</a>

    <div id="menuwrapper" style="display: none;">
        <ul class="menu">
            <li>Ana</li>
            <li>are</li>
            <li>mere</li>
        </ul>
        <a id="close_menu">Close</a>
    </div>
    <div id="loaderr">
    </div>

JavaScript

$(document).ready(function () {
            $('#menutrigger').click(function () {
                $('#menuwrapper').is(':visible') ? $('#menuwrapper').slideUp(500) : $('#menuwrapper').slideDown(500);
            });
            
            $('#close_menu').click(function () {
                var obj = $(this);

                $('#menuwrapper').slideUp(500);

                //                $('#loaderr').load(obj.data('href'), function (response, status, xhr) {
                //                    if (status == "error") {
                //                        var msg = "Sorry but there was an error: ";
                //                        $("#loaderr").html(msg + xhr.status + " " + xhr.statusText);
                //                    }
                //                });

                $.get(obj.data('href'), function (data) {
                    $('#loaderr').html(data);
                });
            });
        });