Updates Tab 2 Part 3

<!--
    UPDATE TAB
-->

<div id="updatecontainer">

    <div class="updates" style="display: none; position: relative;">
        <center>
        <div id="menu1">
            <div class="menutitle">About</div><br />
                <div class="updatefont">
        <p>CONTENT.</p>
                </div>
        </div>

        <div id="menu2">
            <div class="menutitle">Updates</div><br />
                <div class="updatefont">
        <p>CONTENT.</p>
                </div>
        </div>

        <div id="menu3">
            <div class="menutitle">Currently</div><br />
                <div class="updatefont">
        <p>CONTENT.</p>
                </div>
        </div>

        <div id="menu4">
            <div class="menutitle">Extra</div><br />
                <div class="updatefont">
        <p>CONTENT.</p>
                </div>
        </div>

        <div id="menu5">
            <div class="menutitle">Credit</div><br />
                <div class="updatefont">
        <p><center><a href="http://magestiles.tumblr.com/" target="_blank" class="linkopacity1"><img style="border: none;" src="https://31.media.tumblr.com/c8dda207dbd36d584b223049cb64cb25/tumblr_inline_n48aa0kVab1rniey4.png" title="Update Tag by MageStiles/CarryonmyWincestSounds"></a></center></style></p>
                </div>
        </div>
	</div>

	<div id="updatebutton">
<img src="{image:update button}" style="margin-left: -23px" onmouseover="this.src='{image:update button hover}';" onclick="this.src='{image:update button click}';" />
    </div>

</div>

<script>
    $(document).ready(function() {
        var first = true;

        // Hide menu once we know its width
        $('#updatebutton').click(function() {
            var $menu = $('.updates');
            if ($menu.is(':visible')) {
                // Slide away
                $menu.animate({left: -($menu.outerWidth() + 10)}, function() {
                    $menu.hide();
                });
            }
            else {
                // Slide in
                $menu.show().css("left", -($menu.outerWidth() + 10)).animate({left: 0});
            }
        });
    });
</script>