Скрыть кнопку если кончились блоки?

Question

[Alibek Kulseitov]

<!-- review item -->
		<div class="review-item">
			<div class="review-info">
				<div class="review-ava">
					<img src="img/reviews/1.png">				
				</div>
				<div class="review-name">Кузнецова Марина</div>
				<div class="review-age">72 года</div>					
			</div>
			<div class="review-desc">
				<h2>“Давление стало стабильным, прекратились боли в суставах”</h2>			
				<p>
					инфаркт, давление пов 240/100, панкреатит,жировой гепатоз, 
					холецистит, гастрит. После приема 12 банок, сон нормализовался, 
					сердцебиение нормализовалось, прошло изжога, прекратились головные боли ,
					улучшение в спине, давление стало стабильным, прекратились боли в суставах.
				</p>
			</div>			
		</div>
		<!--/. review item -->	

		<div class="more-reviews btn">Показать еще</div>

$(".review-item").hide();
$(".review-item").slice(0, 4).show();

$(".more-reviews").click(function(){
var showing = $(".review-item:visible").length;
$(".review-item").slice(showing - 1, showing + 4).show();
});

Как тут прописать скрипт?
чтобы если кончились блоки с отзывами скрыть кнопку с классом .more-reviews

Comments

[Евгений Петров]

AlibekKulseitov: Удивляюсь, как говнокод побеждает потому, что он меньше. Полагаю, что вам про контексты и трудоёмкость операций почти ничего неизвестно. Продолжайте и дальше так думать.

Answer 1

[WhiteSama]

Проверяешь, виден ли последний элемент, и если да, то скрываешь кнопку.

if ($(".review-item").last().is(':visible')) {
 $('.more-reviews').hide();
}

Comments

[Alibek Kulseitov]

почти идеально) Только вот, даже если кончились отзывы то кнопка стоит. И кликнув по кнопке она исчезает только тогда) А должна исчезать когда кончаться отзывы =)

Answer 2

[Алексей Зуев]

Поиск по DOM каждый раз вызывать собираетесь?
Попробуйте этот вариант

var reviews = $('.review-item'),
        reviewsLength = reviews.length,
        shift = 4,
        step = shift;

    reviews.slice(step).hide();
    
    $(document).on('click', '.more-reviews', function(){
        step += Math.min(shift, reviewsLength - step);

        if(reviewsLength >= step) {
            reviews.slice(step - shift, step).show();
            reviewsLength == step && $(this).hide();
        } else {
            $(this).hide();
        }
    });

Пример

Comments

[Евгений Петров]

Именно это и собирается. Человеку нравится говнокодить, не мешайте ему. Мне жаль ваших усилий.