Issue with expanding Jquery bar
Hi guys basicly i am using this code below
- <script type="text/javascript" src="jsfiles/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("ul.menu_body li:even").addClass("alt");
$('img.menu_head').click(function () {
$('ul.menu_body').slideToggle('medium');
});
$('ul.menu_body li a').mouseover(function () {
$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
});
$('ul.menu_body li a').mouseout(function () {
$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
});
});
</script>
- <div class="three-col">
<div class="colA">
<div id="box1">
<h2 class="text2 title1">Call of Duty Games</h2>
<div class="container">
<img src="images/buttons/codbo.jpg" width="181" height="32" class="menu_head" />
<ul class="menu_body">
<li><a href="#">Cheats</a></li>
<li><a href="#">Demo</a></li>
<li><a href="#">Ranks</a></li>
<li><a href="#">Maps</a></li>
<li><a href="#">Weapons</a></li>
<li><a href="#">Perks</a></li>
</ul>
</div>
basicly i want it so i click the image and it expands with all the other links coming out, which does work fine, but i tried to copy the html part of the code and paste it underneith and change the links + image and when that happens and i click any link it expands ALL and not just the one the user clicks on, help please as im a noob at this