click function using multiple div not working

Question

here I use four div's when i click a first div, other all div are getting opacity its working fine,I want when I move to other div first div still no change to opacity

$(document).ready(function () {
    $(".category-item").click(function () {
        $(this).addClass("black");
        $(".category-item").addClass("blue");
    });
});

thanks in advance,

You really had me going there with opacity : unset, I had to spend a minute looking it up in the standard, as I haven't seen that one before. I couldn't find anything that says you can pass strings to opacity, it has to be a number between zero and one. — adeneo
– adeneo, Commented Dec 26, 2014 at 12:56
@vaibs_cool thanks for your response, when i click a each div I want other div's are opacity, — Sathish
– Sathish, Commented Dec 26, 2014 at 12:56
what do you want ,when you move to other div, what does it mean? — Rishi Prakash
– Rishi Prakash, Commented Dec 26, 2014 at 12:56

Vladimir Bredihin · Accepted Answer · 2014-12-26 13:01:06Z

3

You are write no valid html code - see:

<div class="category-item" >
    <div class="img-responsive center-block">   </div>      
</div>
<div class="category-item" >
    <div class="img-responsive center-block">   </div>          
</div>
<div class="category-item" >
    <div class="img-responsive center-block">   </div>      
</div>
<div class="category-item" >
    <div class="img-responsive center-block">   </div>  
</div>

And js:

$(document).ready(function(){
    $(".category-item").click(function(){
        $(".category-item").addClass("blue");
        $(this).addClass("black").removeClass("blue");
    });


});

See demo

answered Dec 26, 2014 at 13:01

Vladimir Bredihin

663 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SimarjeetSingh Panghlia · Accepted Answer · 2014-12-26 12:58:32Z

1

fiddle demo Try this one

$(document).ready(function(){
          $(".category-item").click(function(){
              $(".category-item.black").removeClass("black");
            $(this).addClass("black");
           $(".category-item").addClass("blue");

          });
        });

answered Dec 26, 2014 at 12:58

SimarjeetSingh Panghlia

2,21016 silver badges14 bronze badges

1 Comment

Sathish Over a year ago

@vaibas what I expected, that was given by vladimir Bredihin

Chota Java Developer · Accepted Answer · 2014-12-26 13:26:16Z

1

Fiddle demo try this code once

$(document).ready(function(){
		  $(".category-item").click(function(){
              $(".category-item").removeClass("blue");
              $(".category-item").removeClass("black");
		   $(".category-item").addClass("blue");
              		  	$(this).addClass("black");
		  });
    

		});

answered Dec 26, 2014 at 13:26

Chota Java Developer

1061 silver badge9 bronze badges

Comments

Chota Java Developer · Accepted Answer · 2014-12-26 13:33:40Z

1

Fiddle demo try this code once

$(document).ready(function(){
          $(".category-item").click(function(){
              $(".category-item").removeClass("blue");
              $(".category-item").removeClass("black");
           $(".category-item").addClass("blue");
                        $(this).addClass("black");
          });


        });

answered Dec 26, 2014 at 13:33

Chota Java Developer

1061 silver badge9 bronze badges

Collectives™ on Stack Overflow

click function using multiple div not working

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related