问题摘要:而不是做什么的代码目前通常不会的 - 揭示内容的按钮下 - 我需要它来揭示上述内容它。获取slideToggle()直接显示上面的内容,而不是下面的内容?
首先,我不是在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” 进行交换。这样内容就会显示在按钮上方。
可以显示一些html吗? – Tetaxa 2013-03-08 15:05:23
如果您根据元素的底部绝对定位元素,则slideToggle将为元素高度设置动画效果,因此它将从上向下制作动画,而不是从下向上制作动画。虽然,我怀疑这确实是你需要做的。我们需要看到一些html/css – 2013-03-08 15:06:45
@Tetaxa添加了HTML,我希望有帮助! – InsomniaBass 2013-03-08 15:10:51