jQuery slideToggle()不“滑动"；进进出出 [英] jquery slideToggle() not "sliding" in but out

问题描述

此处提供代码:

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

如果单击span.faqlink，它只会切换，而不会滑动.如果再次单击，它将滑动. 这在任何过程中都会发生.向下滑动只是切换而向上滑动则切换...

If you click the span.faqlink it just toggles but not slidetoggles. if you click again it slidetoggles. this happens in any process. the downslide just toggles and the upslide slidetoggles...

推荐答案

jQuery的动画依赖于具有height和width的元素.由于span是内联元素，因此没有设置或设置这些尺寸，因此动画将无法正常工作.

jQuery's animation relies upon the element having height and width. Since span is an inline element, it does not have these dimensions set or settable, so animations won't work.

它可以在向上滑动时使用，因为显示设置为inline-block并且可以设置动画.

It works while sliding up because the display is set to inline-block and it can be animated.

如果可以更改标记，我建议您将span包裹在div中，然后滑动div.

I would suggest you to wrap the span in a div and then slide the div instead if it is possible to change your markup.

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

这篇关于jQuery slideToggle()不“滑动"；进进出出的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！