Question

I have a section where you see one or more messages that the user must agree, you should only leave one, if accepted and there are more shows the following
But I can not act on each of these classes separately

Then I have a container with several equal classes

html:

<div class="container">

    <p class="active"><span>1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sagittis justo sit amet odio posuere fringilla. Sed et nunc ligula. Cras faucibus porttitor ipsum.</span> <a title="Ver más mensajes" href="javascript:void(0)">Siguiente mensaje</a>

    <div class="clear"></div>

    </p>

    <p><span>1 Praesent sagittis justo sit amet odio posuere fringilla. Sed et nunc ligula. Cras faucibus porttitor ipsum, non accumsan sem varius mollis.</span><a title="Ver mensaje anterior" href="javascript:void(0)">Mensaje anterior</a>
    <div class="clear"></div>

    </p>

</div>

<div class="container">

    <p class="active"><span>1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sagittis justo sit amet odio posuere fringilla. Sed et nunc ligula. Cras faucibus porttitor ipsum.</span> <a title="Ver más mensajes" href="javascript:void(0)">Siguiente mensaje</a>

    <div class="clear"></div>

    </p>

    <p><span>1 Praesent sagittis justo sit amet odio posuere fringilla. Sed et nunc ligula. Cras faucibus porttitor ipsum, non accumsan sem varius mollis.</span><a title="Ver mensaje anterior" href="javascript:void(0)">Mensaje anterior</a>

    <div class="clear"></div>

    </p>

</div>
etc...

css:

.pieza .container p{display:none;overflow:hidden}
.pieza .container p.active{display:block}

and:

$(".container p.active").fadeIn("slow");
        $(".container p > a").live('click', function(e) {
            e.preventDefault();
           $('.container p').toggle('fast');

            $(this).parent().fadeOut('fast', function() { $(this).closest('.container p').remove(); });

        });

but it acts on all classes
how I can act alone in each zone?

thanks in advance

example in action

Answer 1

Maybe remove

$('.container p').toggle('fast');

or write

$('.container p', this).toggle('fast');