向下滑动并向上滑动div

我使用以下代码使用js打开和关闭div（向上/向下滑动）

我将滑动事件附加到按钮上，并且向上滑动事件以关闭文本。

我想要的是按钮onclick打开并再次点击关闭滑动元素。

这是JS

// slide down effect $(function(){ $('.grabPromo').click(function(){ var parent = $(this).parents('.promo'); $(parent).find('.slideDown').slideDown(); }); $('.closeSlide').click(function(){ var parent = $(this).parents('.promo'); $(parent).find('.slideDown').slideUp(); }); }); 

HTML：

 Open 

在我有的滑下区域

 Close 

任何帮助赞赏。

理想情况下，我想要一个向下滑动按钮上的向下箭头和一个向上指向的箭头来替换它以在同一个按钮上向上滑动。 并完全取消关闭链接。

任何帮助赞赏。 干杯

Answer 1

试试这个。 它允许多个项目，因此不是ID特定的。 并支持通过AJAX加载的任何内容。 jsfiddle就在这里

 
 
 Open Close 
 
 My Content 
  

和

 $('.toggler').live('click',function(){ $(this).parent().children().toggle(); //swaps the display:none between the two spans $(this).parent().parent().find('.toggled_content').slideToggle(); //swap the display of the main content with slide action }); 

Answer 2

你可以在click函数中使用slideToggle() ：

 $('.grabPromo').click(function(e){ $('.slideDown').slideToggle(); }); 

这是一个演示。

Answer 3

 
 bla bla bla bla bla bla bla bla blabla bla blabla bla bla 
  $("#myButton").toggle(function(){ $("#content").slideDown(); $(this).val("Slide up ↑"); },function(){ $("#content").slideUp(); $(this).val("Slide down ↓") }); 

在线演示 ： http ： //jsfiddle.net/amosrivera/AYWku/

span 演示 ： http ： //jsfiddle.net/amosrivera/AYWku/1/