Показать сообщение отдельно
  #8 (permalink)  
Старый 25.01.2015, 13:30
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

mytoggle old toggle
Valentin1918,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
 $.fn.mytoggle = function() {
    var b = arguments;
    return this.each(function(i, el) {
        var a = function() {
            var c = 0;
            return function() {
                b[c++ % b.length].apply(el, arguments)
            }
        }();
        $(el).click(a)
    })
};
$(function() {
    $("#rollInOut").mytoggle(function() {
        $("#block1").fadeOut(1000);
        $(this).text("Развернуть нижние 5 изображений")
    }, function() {
        $("#block1").fadeIn(1000);
        $(this).text("Свернуть нижние 5 изображений")
    })
});
  </script>
</head>

<body>
<div id="rollInOut">Свернуть нижние 5 изображений</div>
 <div id="block1">
 <div><img src="images/Logo/Logo.png"></div>
 <div><img src="images/Logo/Logo.png"></div>
 <div><img src="images/Logo/Logo.png"></div>
 <div><img src="images/Logo/Logo.png"></div>
 <div><img src="images/Logo/Logo.png"></div>
 </div>
</body>

</html>

Последний раз редактировалось рони, 21.11.2019 в 14:22.
Ответить с цитированием