- ベストアンサー
jQueryを使ってアコーディオンメニューを作成する方法とは?
- jQueryを使用してアコーディオンメニューを作成する方法についてわかりませんか?jQueryのファイルのダウンロード方法や配置場所、記述方法について教えてください。
- jQueryのファイルはuncompressedのものをダウンロードし、jQuery.jsとリネームしてjsフォルダ内に格納します。アコーディオンメニューの作成方法はHTML、CSS、jQueryの3つの記述が必要ですが、jQueryの記述方法やファイルの配置場所がわかりません。具体的な手順をご教示ください。
- jQueryを使用してアコーディオンメニューを作成する方法について調べているのですが、どのファイルにjQueryを書くかがわかりません。どのような名前の拡張子のファイルにjQueryを読み込ませるのか、またはHTMLファイル内に直接書くのか教えてください。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
jQueryを書くという意味がよくわかりませんが、jQueryを使えるようにするにはHTMLファイルの<head>~</head>の間に <script src="js/jQuery.js"></script> と書けばjQueryの機能が利用できるようになります。 jQueryを使ったJavaScriptのプログラムは、HTMLファイルの適当なところに <script>~</script> を用意して、scriptタグに囲まれた中に記述すれば動きます。 複数のページで同じプログラムを使うなら適当な名前のファイル(hoge.js とか)を用意して、その中にプログラムを書き、先のjQueryの読み込み同様<head>~</head>の間に <script src="js/hoge.js"></script> と書けば動きます。
その他の回答 (2)
- kinta03
- ベストアンサー率41% (7/17)
大変失礼かと思いますが・・・回答させて下さい。 「2日間ググってもわからない・・・」と有りますが? jQueryで検索すれば色々なサイトが見つかります。 そこにはサンプルのhtmlやJavaScript(当然jQueryも含んだ物)が有ります。 それもステップを追って解説してあるサイトも見つかります。 当然、アコーディオンメニューもサンプルで出てきます。 短絡的な回答/サンプルのみ求めて何も試していないのでは有りませんか? 2日間も有れば簡単なアコーディオンメニューも作成できると思います。 それらをやって見れば「どこに書くのかわかりません」などと言う質問は出てきません。 短絡的にコピペで出来るものを求めているのなら「[技術者向] コンピューター」で質問する以前の問題です。 すでに回答を頂いている2名の方にも失礼に成ります。 基本的に(麦僊とした概念を質問する場合を除いて) ・・・の環境で使っています ・・・を参考に 自分は・・・で・・・すれば出来ると思い ・・・したけど ・・・出来ませんでした ・・・のエラーが出ます(または誤動作します) ・・・の様な使い方は(考えは) ・・・などの自身の試行錯誤が垣間見えるのは、とても微笑ましく皆さん回答すると思います。 極端な言い方をすれば 「ホームページを書きたいのですがホームページは何処に有りますか?」 と、似たような質問だと思います。2日間、何をしていたのですか? 御免なさい、大変お気に触ることばかり書いてしまいました。 今日はチョイト機嫌が悪いのかも知れません?!?! 最後に、 コンピュータの世界は簡単なコピペでは何も作れません。 一時的にコピペで出来ても、そこから消化/吸収して本物を作ってください。
お礼
まず、回答になっていませんし、謝るくらいなら書かないでください。 先のお二人は、意味不明な質問内容にも関わらず想像でも回答をしてくださいました。 わたしの質問の仕方がなってなかったと反省はしています。 アコーディオンのサンプルページでは、html、css、jQueryの3つのプログラムに分かれており、 jQueryと書かれた部分がどこにはいるのかわからなかったのです。 どのサイトを参考にしているか記載すれば、よい質問ができたかもしれません。
fire fox で書き込めます
お礼
回答ありがとうございます。 fire fox でも書き込むことができるのですね。 もう少し詳しくなってから試してみます。
お礼
質問の意味がわかりづらくて申し訳ありません。 どういうふうに説明していいかわからないほど、わかっていませんでした。 <script>~</script>にアコーディオンのjQueryを書けばできました。 html、css、jQuery.js、jQueryでやりたいことのうち、 jQuery でやりたいことをどこに書いてよいかわからなかったのです。 ありがとうございました。