I have this lovely javascript using JQuery:
Code:
<script type="text/javascript">
$(document).ready(function(){
$("#selection a").hover(function() {
$(this).next("em").animate({opacity: "show", top: "-10", left: "-200"}, "slow");
$("div#middleContainer .members input").animate({ opacity: "1"}, "normal");
}, function() {
$(this).next("em").animate({opacity: "hide", top: "-100"}, "slow");
$("div#middleContainer .members input").animate({ opacity: ".7"}, "normal");
});
});
</script>
Which reveals a nice message and turns on the images in div#middleContainer .members input to full opacity, but after a user rolls over #selection a, my CSS rollover to turn the opacity to 100% stops working?
I could just write more javascript so when you rollover div#middleContainer .members input, the opacity is 100% but thought there could be a simpler solution??