Jquery - If conditional

Question

I have the following conditional jquery function: Is there a way of having an "or" in a conditional? Ideally I want a single function, where if the values are 1,2 or 3 hide the corresponding elements. Is this possible? My goal is just to have more efficient, cleaner code, this seems unnecessarily long and reptitive.

$("#Catalogue").change(function () {
            var a = $(this).val();
            console.log(a);
            if (a == 1) {
                $("#DeliveryMethod").hide();
                $("#CatalogueID").hide();
            }
            else if (a == 2) {
                $("#DeliveryMethod").hide();
                $("#CatalogueID").hide();
            }
            else if (a == 3) {
                $("#CatalogueID").show();
                $("#DeliveryMethod").hide();
            }
            else {
                $("#DeliveryMethod").show();
                $("#CatalogueID").hide();
            }
        });

there's an inversion in show and hide and correponding element between the last `elseif` and `else` clause. Typo or wanted ? — Raphaël Althaus, Jun 25 '14 at 15:02

score 0 · Accepted Answer · answered Jun 25 '14 at 15:01

0

Try

if(a == 1 || a == 2 || a == 3){ ... }

OR

if(a >= 1 && a <= 3){ ... }

answered Jun 25 '14 at 15:01

Think Different

2,815
1
12
18

Jquery - If conditional

1 Answers1