DS928
asked on
Enlarging a Div
When I click on a link I am trying to get a div to enlarge. The div is called "sidebox". The website is www.mediascrubber.com The div is the white box with the grey line around it.
I want it to work like www.legalzoom.com
<ul id="bars">
<li><a href="#!/page_One">One</a><!-- Begin One -->
<li id="page_One">
<div id="sidebox" class="sidebig">
</div>
</li>
</li><!-- End One -->
</ul>
I want it to work like www.legalzoom.com
ASKER
Your example works great. Mine doesn't. I copied all of the code and it doesn't seem to work. Could it be my jquery version?
<script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script>
<script>
$("#container").mouseenter(function(){
$(this).animate({width: '200px'});
})
$("#container").mouseleave(function(){
$(this).animate({width: '100px'});
})
$(".buttons button").hover(function(){
$(".content ."+$(this).attr("id")).toggle()
})
</script>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Bingo! That was it! Thank you.
http://jsfiddle.net/GaryC123/6adEM/1/
HTML
Open in new window
CSSOpen in new window
JQUERYOpen in new window