Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- UPDATE TAB
- -->
- <div id="updatecontainer">
- <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 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>
- <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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement