Показать сообщение отдельно
  #2 (permalink)  
Старый 31.12.2016, 19:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,147

johnon,
<script>
    $(function() {
        $(".carousel").on("click", ".carousel-item", function(event) {
            event.preventDefault();
            var i = $(this).closest(".carousel-item").index();
            $(".h3").hide().eq(i).show();
            $(".content").hide().eq(i).show();
        }).find(".carousel-item").eq(0).click();
    });
</script>



<div class="h3">1</div>
        <div class="h3">2</div>
        <div class="h3">3</div>
        <div class="h3">4</div>
        <div class="h3">5</div>
        <div class="carousel">
          <a class="carousel-item" href="#one!"><img src="http://lorempixel.com/250/250/nature/1"></a>
          <a class="carousel-item" href="#two!"><img src="http://lorempixel.com/250/250/nature/2"></a>
          <a class="carousel-item" href="#three!"><img src="http://lorempixel.com/250/250/nature/3"></a>
          <a class="carousel-item" href="#four!"><img src="http://lorempixel.com/250/250/nature/4"></a>
          <a class="carousel-item" href="#five!"><img src="http://lorempixel.com/250/250/nature/5"></a>
        </div>
         <div class="content">1</div>
        <div class="content">2</div>
        <div class="content">3</div>
        <div class="content">4</div>
        <div class="content">5</div>
Ответить с цитированием