jquery slidetoggle issue

Question

i'm having problems with toggling the next div. heres the code:

jsfiddle of my code

what i need to do is: after clicking the next button, it will close the current box_content and open the next one in the order. simple but i can't do it... please help.

Answer 1

    $(".box_next").click(function() {
        $(".box_content").slideUp();
        $(this).parents(".box").next().find(".box_content").slideDown("fast");
    });

Answer 2

Change your $('.box_next').click() function to this:

$(".box_next").click(function() {
    $('.box_content').slideUp();
    $(this).parent().parent().next().children(".box_content").slideDown("fast");
});