【jQuery】続きを読むボタンを押すと表示される

jQueryロールオーバー

Deprecated: Function create_function() is deprecated in /home/warai-plus/www/bugpixel.net/wp/wp-includes/pomo/translations.php on line 202

Notice: A non well formed numeric value encountered in /home/warai-plus/www/bugpixel.net/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/warai-plus/www/bugpixel.net/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Deprecated: Function create_function() is deprecated in /home/warai-plus/www/bugpixel.net/wp/wp-includes/pomo/translations.php on line 202

Notice: A non well formed numeric value encountered in /home/warai-plus/www/bugpixel.net/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/warai-plus/www/bugpixel.net/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Deprecated: Function create_function() is deprecated in /home/warai-plus/www/bugpixel.net/wp/wp-includes/pomo/translations.php on line 202

Notice: A non well formed numeric value encountered in /home/warai-plus/www/bugpixel.net/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/warai-plus/www/bugpixel.net/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

よく続きを読むボタンを押すと表示されるあれです。

1.
まず隠しとくコンテンツを
display:none;で隠します。

2.ボタンを作る

3.
そしてjQueryでクリックしたら、コンテンツを表示させる

.moreクラスがあるボタンをクリックしたら、
ボタンを非表示にし、隠しているコンテンツをスライドダウンで表示させる。

ad