Home/ Questions/Q 7590697
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T20:28:11+00:00

Heres the code: $(‘span.faqanswer’).hide(); $(‘strong.faqlink’).css(‘cursor’,’pointer’).click(function(){ $(this).parent().find(‘span.faqanswer’).slideToggle(); }); If you click the span.faqlink it just

  • 0

Heres the code:

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

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…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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.

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

    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.

    Working demo – http://jsfiddle.net/ShankarSangoli/yTeAY/

    • 0