Result
jQuery
//最初に表示させるアイテムの数var news = 2;//表示非表示のイベント発火用テキストhidenews = "- 表示を隠す";shownews = "+ 残りを表示する";//最初は非表示$(".archive").html( shownews );$(".news:not(:lt("+news+"))").hide();//クリックで表示/非表示を切り替え$(".archive").click(function (e) { e.preventDefault(); if ($(".news:eq("+news+")").is(":hidden")) { $(".news:hidden").show(); $(".archive").html( hidenews ); } else { $(".news:not(:lt("+news+"))").hide(); $(".archive").html( shownews ); }}); |
css
div{width:200px; height:50px; margin-bottom: 15px ;background: #91d2d0 ;} |
html
<div class="news">div 1</div><div class="news">div 2</div><div class="news">div 3</div><div class="news">div 4</div><div class="news">div 5</div><div class="news">div 6</div><a class="archive" href="#"></a> |
via
Warning: include(/home/youhei0828/kachibito.net/public_html/wp-content/themes/cocoon-master/my-php/jquery-other-snippets.php): Failed to open stream: No such file or directory in /home/youhei0828/kachibito.net/public_html/wp-content/themes/kachibito7_with_cocoon_child/functions-module/shortcode/add-post-myphp.php on line 7
Warning: include(): Failed opening '/home/youhei0828/kachibito.net/public_html/wp-content/themes/cocoon-master/my-php/jquery-other-snippets.php' for inclusion (include_path='.:/opt/php-8.1.29/data/pear') in /home/youhei0828/kachibito.net/public_html/wp-content/themes/kachibito7_with_cocoon_child/functions-module/shortcode/add-post-myphp.php on line 7
