jquery slideToggle（）没有“滑动”但是没有

inheritance人代码：

$('span.faqanswer').hide(); $('strong.faqlink').css('cursor','pointer').click(function(){ $(this).parent().find('span.faqanswer').slideToggle(); }); 

如果单击span.faqlink，它只是切换而不是滑动眼镜。 如果你再次点击它滑动眼镜。 这在任何过程中都会发生。 下滑只是翻转和滑坡滑板……

Answer 1

jQuery的动画依赖于具有height和width的元素。 由于span是内联元素，因此它没有设置或设置这些维度，因此动画将不起作用。

它在向上滑动时起作用，因为显示器设置为inline-block并且可以设置动画。

如果可以更改标记，我建议你将span包装在div ，然后滑动div 。

工作演示 – http://jsfiddle.net/ShankarSangoli/yTeAY/

Answer 2

试试$('span.faqanswer').slideUp(); 而不是$('span.faqanswer').hide(); 第一。

http://jsfiddle.net/RbpAq/

或者给span.faqanswer元素display:none样式display:none然后删除$('span.faqanswer').hide();

http://jsfiddle.net/tFFX6/1/

Answer 3

如果您尝试在水平方向上滑动元素，请不要使用slideToggle() 。 使用animate() 。

http://api.jquery.com/slideToggle/

.slideToggle（）方法可以设置匹配元素的高度。 这会导致页面的下半部分向上或向下滑动 ，从而显示或隐藏项目。

否则，请按@ShankarSangoli说并包装内联元素。