DS928
asked on
CSS Titles and Alignment
I have menu bars but I don't know how to put titles on them. Also when you hover over the bar the box expands and text appears. Two problems, text only appears if you hover over the blue box on the upper left. And when the text does appear its not appearing to the right of the blue bars. Also the blue bars are moving! Any help is appreciated. Thank you. www.mediascrubber.com
$(function() {
$("#sidebox").mouseenter(function(){
$(this).animate({width: '600px'});
})
$("#sidebox").mouseleave(function(){
$(this).animate({width: '190px'});
})
$(".bars img").hover(function(){
$(".content ."+$(this).attr("id")).toggle()
})
})
<div id="sidebox">
<div class="bars">
<img id="but1">
</div>
<div class="bars">
<img id="but2">
</div>
<div class="bars">
<img id="but3">
</div>
<div class="bars">
<img id="but4">
</div>
<div class="content">
<span class="but1">Button One some more text</span>
</div>
<div class="content">
<span class="but2">Button 2 some more text</span>
</div>
<div class="content">
<span class="but3">Button 3 some more text</span>
</div>
<div class="content">
<span class="but4">Button 4 some more text</span>
</div>
</div>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER