If else function in jquery

Question

I need something like a if else function in my jquery but I don't know how I have to do that. Or isn't it possible?

 if  $(".image1").click(function(){

        $(idnumbers).css("display", "block");
        $(idnumberp).css("display", "none");
        $(idnumber).css("display","block");  
  });



 else if $(".image2").click(function(){
        $(idnumbers2).css("display", "block");
        $(idnumberp).css("display", "none");
        $(idnumber).css("display","block");  

  });



 else $(".image3").click(function(){

        $(idnumbers3).css("display", "block");
        $(idnumberp).css("display", "none");
        $(idnumber).css("display","block");  

   });

What are you trying to do? Do you not just want the 3 event handlers? — James Allardice
– James Allardice, Commented May 18, 2012 at 14:13
Those are event handlers; you don't need the if or else at all. They will only run when the element is clicked. — Blazemonger
– Blazemonger, Commented May 18, 2012 at 14:13
The .click function doesn't fire until someone clicks on that element so you shouldn't need the if else block. — Cameron Chapman
– Cameron Chapman, Commented May 18, 2012 at 14:14
@dezso: w3schools is a wrong and misleading site. You shouldn't use it as reference for any sort of language. For PHP, there's the PHP Manual, for JavaScript, there's Mozilla Developer Network (or MDN). See w3fools.com to further understand why you should never use w3schools. — Madara's Ghost
– Madara's Ghost, Commented May 18, 2012 at 14:16

Zack Brown · Accepted Answer · 2012-05-18 14:16:16Z

2

You don't need to put your event handlers in to if statements. By attaching the event to the element 'onClick' listener, you're already handling each specific case.

$(".image1").click(function(){
    $(idnumbers).css("display", "block");
    $(idnumberp).css("display", "none");
    $(idnumber).css("display","block");  
});

$(".image2").click(function(){
    $(idnumbers2).css("display", "block");
    $(idnumberp).css("display", "none");
    $(idnumber).css("display","block");  
});

$(".image3").click(function(){
    $(idnumbers3).css("display", "block");
    $(idnumberp).css("display", "none");
    $(idnumber).css("display","block");  
});

This should do what you need without the extraneous if/else statements.

answered May 18, 2012 at 14:16

Zack Brown

6,0282 gold badges43 silver badges56 bronze badges

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

Comments

web_bod · Accepted Answer · 2012-05-18 14:17:53Z

2

You really want something like this:

function imageClick()
{       
    $(idnumberp).css("display", "none");         
    $(idnumber).css("display","block");     
};

$(".image1").click(function(){ $(idnumbers).css("display", "block"); imageClick(); });
$(".image2").click(function(){ $(idnumbers2).css("display", "block"); imageClick(); });
$(".image3").click(function(){ $(idnumbers3).css("display", "block"); imageClick(); });

answered May 18, 2012 at 14:17

web_bod

5,7681 gold badge19 silver badges25 bronze badges

Collectives™ on Stack Overflow

If else function in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related