Getting an element by class added with addClass()

Question

I'm adding a class with addClass() to an element the user clicked on with

$('.question').click(function() {
    $(this).next('.answer').slideDown();
    $(this).addClass('open');
    $(this).next('.answer').siblings('.answer').slideUp();
    $(this).siblings('.question').removeClass('open');
});

This works fine. But now I will get the element with class="open" in order to slideUp() the answer below. But I can't get it to work. I tried

$('.open').click(function() {
    $(this).next('.answer').slideUp();
    $(this).removeClass('open');
});

and

$('.open').on('click' function() {
    $(this).next('.answer').slideUp();
    $(this).removeClass('open');
});

Do you have any advice?

event delegattion is the answer. – Anoop Joshi P Nov 20 '15 at 14:19 — Anoop Joshi P, Nov 20 '15 at 14:19

score 0 · Answer 1 · answered Nov 20 '15 at 14:22

0

Since you are changing the class dynamically, you need to use event delegation for binding click

$(dodcument).on('click','.open', function() {
    $(this).next('.answer').slideUp();
    $(this).removeClass('open');
});

answered Nov 20 '15 at 14:22

Anoop Joshi P

25,373
8
32
53

Now the `.answer` element slides up after it slided down immediately. I don't need to click on `.open`. – Ralph Nov 20 '15 at 14:38
I solved my problem by using `.toggleSlide()` method of jQuery. – Ralph Dec 19 '15 at 15:23
Anyway my answer did help you right???? Without event delegation , your code wont work – Anoop Joshi P Dec 20 '15 at 05:15

Getting an element by class added with addClass()

1 Answers1