html
Code: Select all
<ul id = "pic_options_panel">
<li class = "comment_color pic_options">Picture Options
<ul id = "pic_options_div">
<li id = "pic_options_collapse"> collapse </li>
<li align = "center">Make Main Picture</li>
<li align = "center">Delete This Picture </li>
<li id = "upload_pic_link" align = "center">Upload New Picture </li>
</ul>
</li>
<li class = "comment_color pic_comments">Comments</li>
<li class = "clear"> </li>
</ul>
css
Code: Select all
#pic_options_panel{z-index:601;margin:auto;padding:0px;position:relative;top:-80px;width:98%;height:30px;border:none;overflow:none;}
.pic_comments{float:left;position:relative;top:0px;left:80px;width:135px;cursor:pointer;}
.pic_options{float:left;position:relative;top:0px;left:40px;width:135px;cursor:pointer}
.pic_options ul{display:none;z-index:650;margin:0px;padding:0px;position:relative;bottom:110px;min-height:0px;width:142px;border:1px solid #ccc}
js
Code: Select all
$(document).ready(function() {
$(".pic_options").click(function() {
$(this).children().slideUp(700);
});
});