
http://jqueryui.com/demos/toggle/default.html
↑のurlのjqueryuiはセレクタでエフェクト選んで動作していますが、
このセレクト機能を省いて「Slide」のみ動作するようにしたいのですが、関数の触り方がまったく分かりません…
お分かりになる方がいれば是非ご教授よろしくお願いいたします。
本当にお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
デモページのソースを見て、全く解らないのですか?
まずjavascriptの基礎とCSSの基礎を学習してから、
ライブラリーを使いましょう。お分かりになる方なんて
ちょっと勉強すれば、みんなわかります。
デモページをみるだけでなく、ドキュメンテーションのページも
よく読んでください。(参考URL)
この場合、toggle()のeffect指定です。
toggle( effect, [options], [speed], [callback] )
そうはいっても、ありがとうポイントが欲しいから解答を書くと
<script type="text/javascript">
$(function() {
function runEffect(){
$("#effect").toggle("slide");
};
$("#button").click(function() {
runEffect();
return false;
});
});
</script>
<body>
<div id="effect">
<p>
hogehogehogehogehogehogehogehogehogehoge
</p>
</div>
<a href="#" id="button">Run Effect</a>
</body>
です。見栄えのためのCSSクラス指定は省いています。
ご自身でやってください
参考URL:http://jqueryui.com/docs/toggle/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PDFを(htmlのように)無限に縦...
-
正規表現で、特定の文字列を含...
-
php コールバック関数
-
ナイトボットのAliasについて
-
これってなんの電話かわかりま...
-
VBAでクイズゲームの作り方
-
以下のURL入れますか?皆さんは↓
-
画像のドットの部分が抜けてい...
-
Chinapost こよパズルどう動か...
-
非同期通信で掲示板を作る際の...
-
非同期通信を使うタイミングが...
-
PYTHONのtkinterについて
-
Pythonのtkinterについて
-
Pythonを勉強する道のり
-
Pythonを無料(安価)で学ぶ方...
-
RPA(PowerAutomate)の実装について
-
ワードでA3横の画面にして、文...
-
入力フォームの値をQRコードで...
-
課題なのですがどなたかコード...
-
自作の地図をグーグルマップの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryで、複数条件の絞り込み機能
-
要素内を常に一番下を表示させたい
-
jqueryでリンクを無効にしたあ...
-
jqueryを使って非同期通信で10...
-
jquery ボタンでoff on
-
jQuery 並列load処理
-
コールバック中の変数操作
-
AJAXでのリロードに関して
-
多数のCPUを使い同期処理をした...
-
jqueryでテキストエリア監視に...
-
ローカルでのonreadystatechang...
-
Win11 へのRufus と レジストリ...
-
階層別の組織図の自動作成について
-
JavaScriptでtabindexの変更っ...
-
Javascriptを使ってQRコード読...
-
同一ページ移動時ハンバーガー...
-
JavascriptからPHPへのAjax通信...
-
how's whether today in yufuin?
-
パソコンで動くjavascriptがス...
-
カンマ区切りのデータを配列に...
おすすめ情報