Правильно показывать и скрывать содержимое

@sendxt · Регистрация: 25.04.2012

Author24 — интернет-сервис помощи студентам

Всем здрасте, подскажите как правильно скрывать и показывать содержимое блока.

HTML5

<article class="post-entry clr">
            <div class="post-entry-details ">
                <div class="col-sm-10">
                    <h2>{{ film['title'] }}</h2>
                </div>
               
                <div class="post-entry-excerpt">
                    <img width="250px" src="{{ asset('/uploads/') }}{{ film['poster_uri'] }}" alt="">
                    <p>{{ film['summary'] }} </p>
 
                    <a class="show-trailer" href="#">Show Trailer</a>
                    <a class="hide-trailer" href="#">Hide Trailer</a>
                </div>
                <div class="post-entry-more">
                    
                </div>
            </div>

блок post-entry-more хочу показывать и скрывать как это лучше сделать? кнопка может быть одна.

@sad67man · 09.05.2016, 22:01

Смотря с какой анимацией хотите сделать. к примеру можно так

HTML5

1 2	<a class="show-trailer" href="javascript:void(0)">Show Trailer</a> <a class="hide-trailer" href="javascript:void(0)">Hide Trailer</a>

Javascript

//разворачиваем
$(".show-trailer").click(function(){
  $(".post-entry-more").slideDown();
});
//сворачиваем
$(".hide-trailer").click(function(){
  $(".post-entry-more").slideUp();
});
 
//если одна кнопка
$(".hide-trailer").click(function(){
  $(".post-entry-more").slideToggle();
});

@sendxt · 09.05.2016, 22:07 **[ТС]**

sad67man, а если таких блоков много и кнопки к каждому блоку одинаковые?

@sad67man · 09.05.2016, 22:15

sendxt,
Можно так сделать

Javascript

$(".show-trailer").click(function(){
  $(this).parent().parent().find(".post-entry-more").slideDown();
});
$(".hide-trailer").click(function(){
  $(this).parent().parent().find(".post-entry-more").slideUp();
});

@sendxt 11 / 11 / 13 Регистрация: 25.04.2012 Сообщений: 1,157
	09.05.2016, 22:07 [ТС]	3
	sad67man, а если таких блоков много и кнопки к каждому блоку одинаковые? 0

	09.05.2016, 22:15