詳細を知りたい時などにクリックすると下に広がるスタイルシートの記述を教えてください。例)http://sublink.ca/icons/ の「+more」部分

回答の条件
  • 1人3回まで
  • 登録:2010/02/04 19:40:51
  • 終了:2010/02/04 20:14:16

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1503ベストアンサー獲得回数4932010/02/04 20:06:21

ポイント60pt

きっと知りたいのはスタイルシートじゃなくてJavaScript(JS)のことだと思います。

例に出されたサイトではjQueryというJSライブラリを使ってJSからCSSの値を書き換えて制御しています。

<!DOCTYPE html>
<html>
<head>
  <style>
  p { width:400px; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
	<button>Toggle</button>

  <p>
    This is the paragraph to end all paragraphs.  You
    should feel <em>lucky</em> to have seen such a paragraph in
    your life.  Congratulations!
  </p>
<script>
    $("button").click(function () {
      $("p").slideToggle("slow");
    });
</script>
</body>
</html>

サンプルのままですが、こういう感じです。

このリンク先に命令の一覧とサンプルがあるのでご覧になって下さい。

id:micky_sky

詳細な回答 ありがとうございます!

2010/02/04 20:14:09

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません