问题总结：我不需要做代码当前通常做的事情——显示按钮下方的内容——我需要它来显示其上方的内容。
首先，我在任何意义上都不精通 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”。这样内容就会显示在按钮上方。