Estoy tratando de usar jQuery para abrir / cerrar 'cuadros' de control en una página web. Desafortunadamente, no se ve muy bien cerrar un cuadro solo para volver a abrirlo si el usuario hace clic en el cuadro ya abierto. (Las cajas son mutuamente excluyentes).

El código que estoy usando no funciona, y no estoy seguro de por qué. Todavía recibo una caja que se cierra solo para abrir de nuevo, que no es la funcionalidad deseada. Creé la variable 'val' para propósitos de depuración; en el depurador, muestra que 'val' tiene exactamente el mismo valor que $ (esto), lo que debería evitar que llegue a.slideToggle() dentro de la declaración if, pero no lo hace.

function openBox(index)
{
  val = $('#box' + index);
  $('.profilePageContentBox').each(function(){
      if($(this).css('display') != 'none')
      {
        if($(this) != val)
        {
          $(this).slideToggle(200);
        }
      }
    });
  val.slideToggle(200);
}