Acordeão dentro da guia - javascript, jquery, guias, acordeão

Eu estou usando guias orgânicas (Aqui) Na minha página. Eles parecem ótimos e eu estou feliz com a maneira como eles trabalham ... principalmente. Eu estou correndo em um problema onde eu tenho um acordeão vertical dentro de uma das minhas guias e o tamanho da div não está ajustando com a abertura / fechamento do acordeão.

Quando eu carregar a página, a altura div não está definidano CSS, então o acordeão funciona (já que está na primeira aba). Mas, quando eu alterno as guias, o tamanho do div é recalculado para uma altura fixa, que é onde o problema ocorre.

Eu estou tentando encontrar uma maneira de limpar os estilos inline quando essa guia é clicada, eu tentei:

$allListWrap.css("height", "auto !important");

e um monte de outras sintaxes, e apenasParece que não funciona. Quando eu defino dessa forma, eu apenas mantenho o tamanho da aba anterior e não o redimensiono. Alguma sugestão sobre como definir a altura para automático quando a guia é clicada?

Respostas:

Tente se livrar do !important. Você não pode declarar importante com jQuery, por isso provavelmente não está mudando por causa disso.

EDIT: você pode chamar importante, no entanto, você tem que chamá-lo assim jQuery("#id").css("cssText", "height: 200px !important");