I am working on 'OnClick' functionality in jQuery. When we click Div property other divs should fade out.
Please find the code below. HTML:
<div>1</div>
<div class="ree">2</div>
<div class="foo">
<div class = "bar">
<div class="nike">3</div>
</div>
</div>
<div>4</div>
jQuery:
$('.nike').on('click',function ()
{
$('div:not(.nike)').css('opacity','0.2')
});
Here When I click on Div Class 'Nike', Except 'Nike' all Div classes should fade out. But here All Divs including Nike is fading out.
Thanks all