问题摘要:而不是执行代码当前通常执行的操作 - 显示按钮下方的内容 - 我需要它来显示上面的内容。
首先,我在任何意义上都不熟悉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”。这样内容就会显示在按钮上方。