获取slideToggle()以显示其正上方的内容,而不是在其下方?

时间:2013-03-08 15:04:11

标签: javascript jquery


问题摘要:而不是执行代码当前通常执行的操作 - 显示按钮下方的内容 - 我需要它来显示上面的内容


首先,我在任何意义上都不熟悉jQuery / Javascript,所以如果我要求代表我做太多事情,那么请说明并提示解决方案。

现在,解决问题:

$('.drop_down_title').click(function() {
     $(this).next('.toggle_panel').slideToggle('slow', function () { });
     $(this).find('.arrow_drop_down').toggleClass('selected', function () { });
});

上面的代码非常精彩,可以在标题下方显示内容(比如在侧边栏中可以隐藏/显示各种“相关”块)。

但是我还计划使用相同的机制来隐藏按钮上方的部分内容,如下所示:

http://i.stack.imgur.com/B91DC.png

单击按钮以显示更多摘要或项目符号。

我已经尝试将代码调整为看似合乎逻辑的事情:

$(this).previous('.toggle_panel')

希望它查找相关课程的页面,但仍然没有骰子。

感谢您的时间;任何建议,帮助或解决方案将不胜感激。

请求的HTML(适用于当前工作幻灯片向下):

<html>

<div class="slidebox">

    <div class="drop_down_title">
        <a class="arrow_drop_down">Button Click</a>
    </div>

    <div class="toggle_panel">
        <p>This is some example content that should be hidden when the above button is clicked!</p>
    </div>

</div>
</html>

我正试图让它们交换div“drop_down_title”和“toggle_panel”。这样内容就会显示在按钮上方。

1 个答案:

答案 0 :(得分:1)

也许.prev()就是你真正需要的。不是。以前。见JQuery Docs