このjQueryのは、私はjQueryのに新たなんだ

を動作させるためにどのように、私は、このリンクが見つかりました：jQuery Effects このjQueryのは、私はjQueryのに新たなんだ

を、私はフェードを切り替えたもので、同じ時間（スライド・フェードTogleでスライドをしたいです）。

これは、JavaScriptのコードです：

はJavaScript：

jQuery.fn.slideFadeToggle = function(speed, easing, callback) { 
    return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback); 
};

が、私はそれを動作させる方法がわかりません。、スピード、容易にし、コールバック - それは$(this).next().slideFadeToggle("slow");ない$(this).next().fadeToggle("slow");

また、あなたはすべての3つのパラメータを指定する必要がある必要があり

<script type="text/jscript" src="http://code.jquery.com/jquery-latest.js"></script> 
<style type="text/css"> 
    #Container 
    { 
     padding: 10px; 
     height: 100px; 
     width: 100px; 
     background: #e459e9; 
    } 
</style> 

<body> 
<button>fadeToggle</button>  
<div id="Container"> 
    <p>Watch me fade.</p> 
</div>   
<script type="text/jscript"> 
$(document).ready(function() { 
    $("button:first").click(function() { 
     $(this).next().fadeToggle("slow"); 
     $(this).slideDown("slow"); 
    }); 
});  
</script>

出典

2011-10-17 Somebody

あなただけの '$（この）は.next（）、あなたが書いた拡張機能を使用したい場合はslideFadeToggle（ "遅い"）;' –

はなぜ 'asp.net'がタグ付けされていますか？ – rickyduck

前にどちらか

そして、あなたが投稿Javascriptの機能がどこかに含まれていることを確認してください。以下は動作します。

jQuery.fn.slideFadeToggle = function(speed, easing, callback) { 
    return $(this).animate({opacity: 'toggle', height:'toggle'}, speed, easing, callback); 
}; 
$(document).ready(function() { 
    $("button:first").click(function() { 
     $(this).next().slideFadeToggle("slow",'',function(){}); 

    }); 
})

;

http://jsfiddle.net/caSbk/

出典

2011-10-17 15:25:13

恐ろしい！完璧に働く、@ Bless Yahuおかげで – Somebody

私は助けることができてうれしい。 –

：以下は、ちょうど「フェードTogle」効果のために私のコードですそれらのデフォルト値を指定していないためです。あなたが定義した関数を使用していない外部ファイルとして、あるいは$(document).ready

出典

2011-10-17 15:16:12

reply @ leo.vingiのおかげで感謝しますが、私は頭の部分に配置するなど、どこに配置するのかはわかりませんが、webappを実行するたびに "JQueryは未定義です" – Somebody

おそらくコードを追加しましたjQueryが含まれる前に。 –

このjQueryのは、私はjQueryのに新たなんだ

答えて

関連する問題