Estou tentando usar o jQuery para abrir / fechar caixas de controle em uma página da web. Infelizmente, não parece muito bom fechar uma caixa apenas para reabri-la se o usuário clicar na caixa já aberta. (As caixas são mutuamente exclusivas

O código que estou usando não funciona e não sei por que. Ainda recebo uma caixa fechando apenas para abrir novamente, o que não é a funcionalidade desejada. Eu criei a variável 'val' para fins de depuração; no depurador, mostra 'val' como tendo exatamente o mesmo valor que $ (this), o que deve impedir que ele chegue ao.slideToggle() dentro da instrução if, mas nã

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