jqueryのslideToggle（）ない相続人

Question

ではなく、外のコード

を "スライド"：あなたはそれだけでslidetogglesをトグルではなくspan.faqlinkをクリックした場合

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

を。もう一度クリックすると滑り止めが解除されます。 これはどのプロセスでも発生します。滑り止めはちょうどトグルして、滑り止め滑り止めは...

Answer 1

を削除するスタイルを与えるjQueryのアニメーションがheightとwidthを有する素子に依存しています。 spanはインライン要素なので、これらのディメンションは設定または設定できないため、アニメーションは機能しません。

ディスプレイがinline-blockに設定されており、アニメーション表示が可能なため、スライドアップ中に動作します。

spanをdivにラップし、マークアップを変更できる場合はdivを代わりにスライドすることをお勧めします。

の作業のデモは - http://jsfiddle.net/ShankarSangoli/yTeAY/

Answer 2

$('span.faqanswer').hide();の代わりに$('span.faqanswer').slideUp();を試してください。

http://jsfiddle.net/RbpAq/

それとも最初の要素display:noneをspan.faqanswerと$('span.faqanswer').hide();

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

Answer 3

あなたが水平方向の要素スライドを持ってしようとしている場合は、slideToggle()を使用しないでください。 animate()を使用してください。

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

.slideToggle（）メソッドは、マッチした要素の高さをアニメーション化。これにより、ページ下部のが上下にスライドしてと表示され、アイテムを表示または隠蔽しているように見えます。

それ以外の場合は、@ ShankarSangoliと言って、インライン要素をラップします。