jQuery - Next paragraph

Question

how can I use 'next' in this case? Doesn't work...

var that = $( ".class" ).next( "p" );
if (that.hasClass('active')) {

            that.slideUp('slow', function () {

                that.removeClass('active');

            });
        }

This should show the case: https://jsfiddle.net/4Lmuydak/

What you want to achieve. Not that much clear with whatever description you have added so far. — vijayP, Aug 19 '16 at 07:32

Milind Anantwar · Accepted Answer · 2016-08-19T08:45:11.130

1

You need to attach click event to h3 elements and then toggle the visibility of next sibling p element:

$('h3').click(function(){
    $(this).next('p').slideToggle('slow',function(){
       $(this).toggleClass("active")
    })
});

Working Demo

edited Aug 19 '16 at 08:45

answered Aug 19 '16 at 07:49

Milind Anantwar

81,290
25
94
125

p:first doesn't work correctly... https://jsfiddle.net/8xL5oesu/ I just want to when I click on some h3 to show p under it – Annie The Cross Aug 19 '16 at 08:00
It's still the same :) – Annie The Cross Aug 19 '16 at 08:33
1

@AnnieTheCross: sorry..shared wrong link. check this https://jsfiddle.net/t1opgjck/ – Milind Anantwar Aug 19 '16 at 08:35
It's another solution - but it's work :) thanks a lot - I can use it – Annie The Cross Aug 19 '16 at 08:43
can you add this jsfiddle to your answer so I can mark it? – Annie The Cross Aug 19 '16 at 08:44

jQuery - Next paragraph

1 Answers1