Показать сообщение отдельно
  #5 (permalink)  
Старый 31.07.2014, 17:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Сообщение от new_developer
полсе 2 заканчивается всё
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   .slider:not(:first-child){
     display: none;
   }

   </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function(){

       // $('.slider').hide();

        var select = $('.slider:first-child');

      //  select.show();

        $('.next').click(function(){

            select.hide();

            select=select.next();

            if (!select.length){

                select= $('.slider:first-child');

            }

            select.show();

            return false;

        });

        $('.prev').click(function(){

            select.hide();

            select=select.prev();

            if (!select.length){

                select = $('.slider:last-child');

            };

            select.show();

            return false;

        });
    });

  </script>
</head>

<body>
<div>
<div class="slider">Содержимое1</div>
<div class="slider">Содержимое2</div>
<div class="slider">Содержимое3</div>
</div>
<p class="next">next</p><p class="prev">prev</p>
</body>

</html>
Ответить с цитированием