最初に記事の一部を隠しておいてjQueryでスライドにして見せるようにする方法 - Yukihy Life

前回の記事で、jQueryを本で調べたりしながらWordPressのように目次を隠したり表示したりするようにしました。 それを記事内の好きな場所にできたらなあと思っていじってみたので、紹介です。 実装図 実際にやるとこんな感じになります。下のボタンを押してみてください。 以下の部分を表示する こんな感じで、自分があらかじめ隠したい場所を設定することができます。 長い文章になってしまうとき、特に重要はないかなあといったところを隠したりするのに使えるのではないかなと思います。グロい内容を書いたりするときとかも面白いかも。 一旦コード１と２を設定してしまえば、好きな部分に手軽に何度も入れられるのが特徴です。 やりかた 実際のやり方です。 コード１ コードの一つ目はこんな感じです。 <script> //クリックすると表示されるボタン $(function(){ $(".show-button")

[a_habakiri]

素晴らしいです。使わせてください。

[papiko8-l]

やってみるー！

[TACOMIC]

まさに欲しかった機能！有難うございます！！

[s_dango]

ネタバレ隠しにもってこいじゃねーか！

[hitode99]

お前は天才だ！！

[basiliskos]

今までネタバレは白文字で反転にしていましたが、スマホから閲覧している人にはそれが読めないことをつい最近知りました。今後はこちらのコードを活用させて頂きたいと思います。いつもありがとうございます！

[BL-beginner]

おおお。相変わらず気が利いてる！！！

[defender_21]

コピペでオッケーと

[yuki53]

軽そうで良いですね(^^)！

[SIRUHA]

カッコイイ！参考になります。

[mayoi_inu]

続きを読むを自前で作っちゃったか。

[love-musicflavor0928]

もうプロ級ですね(ﾟ∀ﾟ)

[menheraneet]

神っているんだなぁ…

[ftmaccho]

ブログ更新！

[blackgamer]

すごいなーこういうのあこがれます