I have 2 div tag.If i click div with class adm, emp div want to get blur.After I clicked emp div It back to its own state and adm div will get blur.Now blured div doesn't back to its original state.
I attached html and jquery code.
jquery
<script>
$(document).ready(function(){
$(".adm").click(function(){
$(".emp").fadeTo("slow",0.15);
if($(".adm").fadeTo(0.15))
$(".adm").fadeIn();
});
$(".emp").click(function(){
$(".adm").fadeTo("slow",0.15);
if($(".emp").fadeTo(0.15))
$(".emp").fadeIn();
});
});
html
<div class="adm">
...
</div>
<div class="emp">
...
</div>
If I click employer employee will blur. after I clicked employee It doesn't back to its original state.now It should appear as third image