• ベストアンサー

同一ページ内に新しい文言を表示させる方法

タグの記述を教えてください。 例えば歴史を紹介しているページがあったとします。 ページ内のタイトル「江戸幕府」をクリックすると、 そのタイトルの下に江戸幕府の出来事などを書いた 文言が同一ページ内に出てくる、また同じタイトルをクリックすると 出来事の文言が閉じる、と言ったタグがあれば教えてください。

noname#245717
noname#245717

質問者が選んだベストアンサー

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

こういった動きのあるページの場合HTMLだけでは無理で、 jQueryやAjaxなどのJavaScriptライブラリが必須です。 ここが参考になるかも。 「アコーディオン形式で内容を表示できるAccordion v2.0」 http://blog.webcreativepark.net/2007/11/06-125917.html

noname#245717
質問者

お礼

ありがとうございます。 ご紹介のサイト、結構役立つと思って拝見しました。 こちらを参考にしてみます。

関連するQ&A

  • H・Pの同一ページ内のラベルへ移動するHTML記述方法を教えてください

    H・P作りを始めたばかりです。 同一ページ内のラベルへ移動するHTMLタグの場合「自分のホームページにおけるページ同士のリンクは相対リンクで記述すべし」と書いてありました。 例えば、同一ページ内フォルダにそれぞれindex.html、002.html、003.html、004.htmlのファイルがあったとします。 index.html←→002.htmlあるいは002.html←→003.html←→004.html→002.htmlとリンクさせるには どのようにHTMLタグ記述をすればいいでしょうか。 また、どこに記述すればいいでしょうか。 よろしくご教示お願いいたします。

  • javascriptでの、同ページ内スクロール移動

    同ページ内に<a>タグでスムーズで自然な動きのウィンドウスクロール移動をさせたいのですが、どなたか教えて下さい。 javascriptを使うのは知ってるのですが、記述例など具体的に教えて頂ければとても助かります。

  • グーグルのメニューページに戻る方法

    グーグルで「江戸商人の食事」と入力して沢山の ページのタイトルが出てきます。 その一つを開いて見終わったので左上の ← をクリックすると タイトルページが出ないで画面が真っ白になりました。 今まではすぐにタイトルページが出てきました。 そのページを閉じて再び「江戸商人の食事」と入力すると ページタイトルが出てきます。 再起動してもダメなので解決方法をお教え下さい。

  • 同一ページ内での同見出しタグの重複

    こんにちは。 同一ページ内にて、同じタグを複数回使用した場合、問題が生じることはあるのでしょうか? 例えば、index.htmlのページレイアウト上でh2タグを3度使うことは何か問題がありますか? 今回は、 ●動作上問題があるかどうか ●SEO的にどうなのか という観点からご教授いただけませんでしょうか。 よろしくお願いいたします。

  • Webページに掲載した画像で4つのアイコンを出さない方法、右クリックを禁止する方法は?

    Webページに画像をあちこちで掲載しますが、二つ知りたいことがあります。 [1] 画像上の4つの横並びアイコンを出さないようにするには? Windows XPのIE6で少なくとも出る現象ですが、imgタグで画像を表示したとき、その画像上にマウスをもっていったときになるようですが、4つのアイコンが出てきます。Firefoxでは出ませんが。 おそらくPCで設定変更すれば出ないようにできるのでしょうが、ユーザー側にそのようなことをさせずにこのアイコンを出さないようにHTMLなどで記述するにはどうしたらよいでしょうか? 「4つの横並びのアイコン」ですが、わかるとは思いますが一応並んでいる左から順に書くと、 ●フロッピーアイコン:マウスオンで出る文言「このイメージを保存します」 ●印刷機アイコン:マウスオンで出る文言「このイメージを印刷します」 ●封筒アイコン:マウスオンで出る文言「このイメージを電子メールで送信します」 ●フォルダアイコン:マウスオンで出る文言「[マイピクチャ]フォルダを開きます」 となっています。 [2] 画像上で右クリックを禁止する記述方法は? だんだん右クリック禁止のサイトが増えてきていますが、これをするにはどう記述すればいいでしょうか? どちらについても、画像ごとに記述するのでなく一括して記述できる方法があれば最高ですが。 宜しくお願い致します。

  • 現在開いているWEBページを閉じるために、閉じるという文字で閉じたいのですが

    タイトルのとおりです リンク先のページで一番下に「閉じる」という 文字を付け、それをクリックするとそのページが閉じて最初のページのブラウザだけが残るようにしたいのですが、そのタグを教えてください 初心者ですが、以前タグの質問をしたところ、 こちらのカテゴリーに移動させられたので、 今回からこちらのカテゴリーに質問させていただきます。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • 同ページ内の上を見にく「このページのTOPへ」の作り方

    HP作成の初心者です。 ホームページピルダーを使用しています。 質問タイトルの通りなのですが、ページ上部に見出しを並べて 下に文章を書いていった時、文章の区切り区切りで 「このページのTopへ」という文字をクリックすると上の見出しに戻るという様にしたいのですがどのようにすればよいのでしょうか? アドバイスよろしくお願いします。

  • 写真表示ページで印刷もできるようにしたい

    jQueryを使って写真ギャラリーのページを作成しており、好みの小さい写真をクリックすると同じページ内に大きな写真(webページで表示出来る程度のサイズ)を表示するというページを作っています。 そのクリックされた写真を同ページ内にある写真を印刷というボタンを押すと写真印刷用の@media printが呼び出され、写真以外の情報は表示しないようにしたいのです。 プレビューを見ると<p>や<h1>タグなどのテキスト情報はdisplay:noneでは消えないようです。 また、ページのタイトル、日付、ページのURL、ページの枚数情報なども表示されてしまうようなのですが、これらを表示せずに、画像のみを印刷できるようにする方法はありませんか?

    • 締切済み
    • CSS
  • 同ページ内の移動

    よろしくお願いします。 同ページ内で、一番下部などに有る「ページTOPへ」をクリックすることでそのページの頭に返るリンク(ラベル)がありますが、その際ゆっくり戻るページがあるのです。 どのような作業をするものなのかお教えいただけますでしょうか? 例:http://www.nikon-image.com/jpn/index.htm

  • ひとつのWebページに他のページを表示させたい

    題名じゃわかりにくかったと思いますが ひとつのWebページ(html)の隅っこに他のWebページ(cgi) を表示させるようなページを作りたいのですが、タグの記述はどうすればいいですか?