Yuuto.Y

こんにちは！

今回は、CSSで文章を短くまとめたい時になどに使う、UIでよくある、続きを読むボタンを実装してみました！

Yahoo!やrakutenやamazonそこらへんのECサイトやメディアサイトなどでも見る気がします！

https://metrograph.jp/css_gradation_paragraph/

上記のサイト参考にさせていただきました！
少し改変を加えましたので、今回書いたコードは、GitHubに載せさせていただきます！
Javascriptを使いより良いUIになるように意識して書きました！


かなりJavascriptのコードは、汚くなってしまったかもしれません。。。
勉強して、もっと簡潔に書けようにします！
といってもよくありそうなのを想像で真似ただけですが、、、

[追記]
問題点が見つかりました。
アイテムを複数個増やすと2個目以降は、反応しなくなってしまいます。
querySelectorAll()をしてなかったので、それが原因かと思いましたが、何かとうまくいきません。。。

そもそも、この機能場合は、単純にJavascriptは使わない方向性の方がよろしいのでしょうか。。
参考サイトに優しい解説が載っていますし、意図したものになりそうですね。。。。