让slideToggle(）直接显示它上面的内容，而不是下面的内容

Get slideToggle() to reveal content directly above it, as opposed to below it?

本文关键字：slideToggle 显示      更新时间：2023-09-26

问题摘要：我需要它来显示上面的内容，而不是做代码当前通常做的事情-显示按钮下面的内容。

首先，我在任何意义上都不精通jQuery/Javascript，所以如果我要求为我做太多事情，请这样说，并提示解决方案。

现在，谈谈问题：

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

上面的代码非常适合在标题下面显示内容(比如在侧边栏中有各种可以隐藏/显示的"相关"块(。

然而，我也计划使用相同的机制来隐藏按钮上方的部分内容，比如：

https://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"answers"toggle_panel"。这样内容就会在按钮上方显示出来

也许.prev((才是您真正需要的。不是。上一页。请参阅JQuery Docs

相关文章：