I need assistance achieving an accordion effect on a DIV when hovering over it.
The right side of the accordion is functioning properly, but I am facing issues with the left side.
You can view my code on jsFiddle
Could someone please provide guidance on how to fix the left side? I have been attempting this for hours without success :(
Javascript:
$(document).ready(function () {
$('.middle').hover(function () {
$(this).siblings().stop().animate({
opacity: 1
}, 200);
},
function () {
$(this).siblings().stop().animate({
opacity: 0
}, 200);
});
});