Probá con este script:
Código Javascript
:
Ver original$(document).ready(function(){
$("p.menu_head").click(function(){
$(this).removeClass("menu_head").addClass("menu_head_open").next("div.menu_body").slideToggle(300);
//$(this).siblings().removeClass("menu_head_open").addClass("menu_head");// el problema es "siblings()"
$('.menu_head').next("div.menu_body").slideUp();
$('.menu_head_open').removeClass("menu_head_open").addClass("menu_head");
});
});
El problema original era con el uso de "siblings". Este método se usa para seleccionar nodos hermanos. Como agregaste nodos, estos cambiaron y ya no funcionaron. No me tomé mucho trabajo de optimizar el código, no funciona bien pues es muy "general" al usar selectores con clases globales. Esto quiere decir que si abres un item en un menu y abres otro item en
otro menu, el item que abriste anteriormente también se cerrará. Esto sería un problema si es que no querés que se comporte así o si tenés varios menús en una sola página.