addClass function not worked using JQuery

Question

I have the following code:

function showAccessRequests_click() {
    var buttonValue = $("#showAccessRequests").val();
    if (buttonValue == "Show") {
        $(".hideAccessRequest").removeClass("hideAccessRequest");
        $("#showAccessRequests").val("Hide");
    }
    else {
        $(".hideAccessRequest").addClass("hideAccessRequest");
        $("#showAccessRequests").val("Show");
    }
}

This script removes a class fine but it does not want to add the class. Can you see any issues with this code?

meandmycode · Accepted Answer · 2009-04-09 12:10:06Z

6

When you add hideAccessRequest class to the element, you search for it by the existence of that class.. if you are adding it, that class won't already be applied and thus you won't match any elements.

answered Apr 9, 2009 at 12:10

meandmycode

17.3k9 gold badges50 silver badges43 bronze badges

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

1 Comment

Draco Over a year ago

Oops my bad...should've seen that :P

SilentGhost · Accepted Answer · 2009-04-09 12:08:01Z

1

$(".hideAccessRequest") doesn't exist. you need to use id, I guess. And you might want to look at toggleClass.

answered Apr 9, 2009 at 12:08

SilentGhost

322k67 gold badges312 silver badges294 bronze badges

Comments

ankitkanojia · Accepted Answer · 2020-01-24 04:07:38Z

0

you'd need an identifier for the classes you want to toggle ex:"accessRequest"... try this.

function showAccessRequests_click() {
    var buttonValue = $("#showAccessRequests").val();
    if (buttonValue == "Show") {
        $(".accessRequest").removeClass("hideAccessRequest");
        $("#showAccessRequests").val("Hide");
    }
    else {
        $(".accessRequest").addClass("hideAccessRequest");
        $("#showAccessRequests").val("Show");
    }
}

classes are space-delimited, so if you want them hidden by default...

<div class="accessRequest hideAccessRequest">...</div>

edited Jan 24, 2020 at 4:07

ankitkanojia

3,1224 gold badges24 silver badges37 bronze badges

answered Apr 9, 2009 at 18:54

Tracker1

19.4k12 gold badges85 silver badges106 bronze badges

Collectives™ on Stack Overflow

addClass function not worked using JQuery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related