Hej igen Ole så fik jeg tid til at kigge på det igen og er kommet frem til denne løsning som kan det jeg leder efter:
Tak for din hjælp!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery anyDropDown</title>
<style type="text/css">
* {font-family: Arial; font-size: 12px; margin: 0; padding: 0}
body {margin: 20px}
a {color: #ccc; text-decoration: none}
a:hover {color: #fff}
.dropdown_container {width: 215px; position: relative; margin: 0 auto; z-index: 1000}
.dropdown {width: 210px; height: 22px; background: url(images/dropdown_bg.png) no-repeat; color: #fff; padding: 8px 0 0 10px}
.dropdown_menu {background: #333; width: 220px; margin: -3px auto 0 auto; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; position: absolute}
.dropdown_menu ul {list-style: none; padding: 10px}
.dropdown_menu ul li {display: block; padding: 0 0 3px 0}
</style>
<script type="text/javascript" src="
https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script><script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.anyDropDown.js"></script>
<script type="text/javascript">
$(function(){
$('.dropdown_container').anyDropDown({
dropDownElem: '.dropdown', //the class name for your drop down
dropDownMenuElem: '.dropdown_menu', //the class name for the drop down menu
slideDownEasing: 'easeInOutCirc', //easing method for slideDown
slideUpEasing: 'easeInOutCirc', //easing method for slideUp
slideDownDuration: 200, //easing duration for slideDown
slideUpDuration: 200, //easing duration for slideUp
closeMessage: 'Click to close menu...'
});
});
</script>
</head>
<body>
<div class="dropdown_container">
<div class="dropdown">Please select a category...</div>
<div class="dropdown_menu">
<ul>
<li><a href="#">Link Item 1</a></li>
<li><a href="#">Link Item 2</a></li>
<li><a href="#">Link Item 3</a></li>
<li><a href="#">Link Item 4</a></li>
</ul>
</div><!-- .dropdown_menu -->
</div><!-- #dropdown_container -->
</body>
</html>