jquery div colapsables

[abuelopicaor]

hola a todos, tengo pocas horas con jquery pero siempre me ha ido bien a la hora de usar efectos y todo lo que me voy encontrando por la web. pero ahora tengo un problema y mas que decir donde esta el fallo me gustaria saber como poder llegar a encontrar el error. Veo bastante dificil depurar jquery, uso el explorador chrome pero la parte para depurar javascript es infernal.

el ejemplo que tengo es sencillo, es para expandir colapsar un div, ya lo habia utilizado antes con exito. pero ahora tengo problemas al usar $(this):

<script type="text/javascript">
$(function(){
$("#mostrar").click(function(event) {
event.preventDefault();
$(this).next("#my_content").slideToggle();

});

bien, si NO uso $(this),next funciona perfecto pero todos los div "my_content" de la pagina se colapsan y se expanden a la vez. Viendo esto use (como ya habia echo antes) $(this).next y al hacerlo pues no expande ni colapsa ninguno, no me da error, el codigo sigue ejecutandose pero no funciona el efecto.

creo que this no esta referenciando a la parte de mi div, pero no se como puedo verlo o comprobarlo.

cualquier comentario, pregunta, indicacion sera bienbenida. muchas gracias