jQuery .slideUp () не работает в Chrome

Question

Я пытаюсь создать раздел, похожий на аккордеон, на странице, над которой я работаю. Я не использую плагин jQueries для родного аккордеона, потому что мне нужна возможность закрыть все разделы. Моя проблема в том, что Chrome, похоже, не отвечает на .slideUp(), в то время как в Firefox и IE все работает идеально. Вместо того, чтобы пытаться скопировать все относительные фрагменты кода, которые я только что загрузил здесь http://ianburris.com/p/tmp/. Есть идеи, что может быть причиной этого в Chrome?

Answer 1

Вы должны использовать <div> для своих контейнеров, а не <span> здесь, вот ваш код (забудьте про стилизацию, сфокусируйтесь на скольжении) как есть, не работая с <span> в хром.

Вот рабочая версия , единственное изменение - создание блоков элементов, <div> элементов в этом случае.

Эти:

<span id="in-the-classroom" class="menu-pane"> 
//and
<span id="outside-the-classroom" class="menu-pane"> 

Должно быть:

<div id="in-the-classroom" class="menu-pane"> 
//and
<div id="outside-the-classroom" class="menu-pane">

И, конечно, изменяется </span> на </div>.

Answer 2

Попробуйте изменить это:

 if (cfe.active_menu_pane !== null) 

на

 if (cfe.active_menu_pane != null) // Remove the second equal sign

Не уверен, что это будет иметь значение, но это была единственная неправильность, которую я видел в функции.