水平手风琴 - 尝试使用.toggle和.animate

时间:2010-11-19 22:19:42

标签: jquery accordion toggle jquery-animate

请原谅我,如果这是一种不太优雅的方式,但我仍然在学习jQuery并且在这里遵循一条思路......

所以我开始尝试使用.toggle和.animate构建水平手风琴。从技术上讲,它有效...但有一个恼人的缺陷。这是场景:

如果我单击一个框以展开它,然后通过单击另一个框将其折叠,我展开的第一个框将需要再次点击两次才能展开。

例如:

  1. 点击box1将其展开
  2. 点击box2展开box2,同时折叠box1
  3. box1现在需要两次点击才能再次展开
  4. 这是jsfiddle:http://jsfiddle.net/banjodrill/rEPnq/10/

    我假设我接近这个的方式有一些根本性的缺陷。如果有人有时间,如果你能看一眼并帮助我理解我做错了什么,我将不胜感激。

    这与我在切换函数中使用if语句的事实有关吗?

    非常感谢

1 个答案:

答案 0 :(得分:0)

你可能想看看这个: jquery_ui_accordion

jQueryUI有默认的东西;)