Search jQuery

jQuery Forum

in Using jQuery • 10 years ago

Hey all,

I've got this script which effectively should change the clicked link's opacity to full and its siblings' opacity to 0.6.

The only part that works though is the changing the text color to black.

Here's the script:

<script type="text/javascript">
$(document).ready(function(){
$(".menu a").live('click',function(){
$(this).siblings().css('color','red');
$(this).css('color','black');
$(this).css('opacity',1);
});
});
</script>
<ul class="menu">
<li ><a class="home" href="#"><div class="heading" style="position:relative; top:85px;">Home</div></a></li>
<li ><a class="about" href="#"><div class="heading" style="position:relative; top:85px;">About</div></a></li>
<li ><a class="contact" href="#"><div class="heading" style="position:relative; top:85px;">Contact</div></a></li>
</ul>

Thanks