こちらのJSっぽい「すべて見る」はどのように実装しているのでしょうか。

https://syncer.jp/how-to-make-sitemap-by-php

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2016/09/17 17:56:31
  • 終了:2016/09/24 18:00:03

回答(1件)

id:a-kuma3 No.1

a-kuma3回答回数4325ベストアンサー獲得回数17732016/09/17 23:21:41

CSS でグラデーションをつけてたり、「すべてを見る」のところではなくエリア全体の click イベントを使っているというようなのはありますが、

  • 最初は、CSS で height を指定して、overflow: hidden を指定してある(指定したサイズの外は見えない)
  • click イベントで、その指定を外す

といった実装をしているようです。

「指定を外す」は、要素の class でスタイルを指定していて、クリックされたときに class を消しています。


例えば、こんな感じです。
https://jsfiddle.net/sanrt39e/

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

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

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

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

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