'Accordion'样式面板-保留所单击元素相对于浏览器窗口的位置

Question

我遇到了一个小可用性问题，无法解决这个问题。

“>

[将上面的1想象为一组大div，例如，将典型网页的宽度900px。

用户可以单击div来展开它，例如在[2]中单击了第一个div。

在[3]中单击了第二个div，将其打开并关闭第一个div。

问题是此新打开的div的顶部从[2]的位置“向上移动”。当然，这是正常的和预期的行为，但是在我的特定应用中，有很多类似的大div，这会使用户感到困惑。用户的焦点不再位于原处。

理想情况下，我想要的是类似[4]的行为，其中单击的元素相对于浏览器窗口将保留在同一位置。

显然，这需要将页面向下滚动一点以允许页面“向下移动”以进行补偿。 通常]应该是这种情况，因为用户将向下滚动以查看这些div。

希望这很有道理...

J

我遇到了一个小的可用性问题，我无法解决这个问题。假设1 [上方]是一组大型div，例如典型网页的宽度，例如900px。用户可以单击...

Answer 1

这是一个可行的解决方案，应用了accordion jQuery IU对象：

（假设包含的div是和accordion对象带有id'手风琴'）

Answer 2

有什么办法可以获取此版本的javascript版本？我正在尝试对其进行转换。

Answer 3

$("#accordian h3").click(function(){
           //slide up all the link lists
          $("#accordian ul ul").slideUp();
          //slide down the link list below the h3 clicked - only if its closed
           if(!$(this).next().is(":visible"))
        {
            $(this).next().slideDown();
        }