Jquery Click Function -

Question

I have a JS Fiddle, my question is after first click things are working fine, but if again click on H3, the newclass is not getting toggled.

thanks for the help in advance

$('.recommendation-block > h3').addClass('newclass');
$('.recommended-product').addClass('hide');
$(document).ready(function () {
    $('.recommendation-block > h3').click(function () {
        $(this).next('.recommended-product').toggleClass('active');
        if ($('.recommended-product').hasClass('active')) {
            $(this).closest('.recommendation-block > h3').toggleClass('newclass1');
        }
    });
});

Arun P Johny · Accepted Answer · 2014-06-04 11:46:47Z

1

I think you need to use the version of toggleClass which takes a switch param, also you need to target the recommended-product which is in the current context.

$(document).ready(function () {
    $('.recommendation-block > h3').click(function () {
        var $prod = $(this).next('.recommended-product').toggleClass('active');
        $(this).closest('.recommendation-block > h3').toggleClass('newclass1', $prod.hasClass('active'));
    });
});

Demo: Fiddle

In your case, the if block is executed only in alternate clicks because the hasClass will return true only when the active class is added to the recommended-product

answered Jun 4, 2014 at 11:46

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

user3636823 Over a year ago

if i want to keep one option open and another one drop down, the newclass1 toggle is not getting applied, can you kindly help jsfiddle.net/69JG7/4

prava · Accepted Answer · 2014-06-04 11:49:56Z

0

$('.recommendation-block > h3').addClass('newclass');
$('.recommended-product').addClass('hide');
$(document).ready(function(){
    $('.recommendation-block > h3').click(function() {
        $(this).next('.recommended-product').toggleClass('active');
        $(this).toggleClass('newclass1');
    });
});

answered Jun 4, 2014 at 11:49

prava

3,9762 gold badges26 silver badges35 bronze badges

Collectives™ on Stack Overflow

Jquery Click Function -

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related