How to add drop down menu with picture

Drop Down Menu (With Picture)
***********************************

FIRST: go to > customize > use custom HTML > Copy and paste the following code before </head>

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".links_body").hide();
$(".links_head").click(function(){
$(this).next(".links_body").slideToggle('fast');
}); }); </script>
<style type="text/css">
.links_list { margin:0px; padding:0px; width:100%;}
.links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
.links_body { padding:10px; text-align:left; display:none;}
</style>


_____________________________________________________________________________________________



LASTLY: add this code to your description, which will be the base of your links:


<div class="links_list">
<center><img src="IMG URL" class="links_head">
<div class="links_body">
<center>
<a href="LINK URL HERE">LINK TITLE HERE</a><br>
<a href="LINK URL HERE">LINK TITLE HERE</a><br>
<a href="LINK URL HERE">LINK TITLE HERE</a><br>
<a href="LINK URL HERE">LINK TITLE HERE</a><br>
</center>
</div></div>


_______________________________________________________________________________________________



If you change your theme, you'll have to repeat this cycle of steps again.