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

回答の条件
  • 1人3回まで
  • 登録:
  • 終了:2010/02/04 20:14:16
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:Cherenkov No.1

回答回数1504ベストアンサー獲得回数493

ポイント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

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

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

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

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

回答リクエストを送信したユーザーはいません