Показать сообщение отдельно
  #1 (permalink)  
Старый 18.09.2015, 22:37
Аватар для Globus
Аспирант
Отправить личное сообщение для Globus Посмотреть профиль Найти все сообщения от Globus
 
Регистрация: 04.03.2014
Сообщений: 76

Изменение размера блока по нажатию кнопки
У меня есть две кнопки, при нажатии на одну блок увеличивается, на вторую - уменьшается.

Подскажите, пожалуйста, как можно объединить эти две функции и повесить на одну кнопку,чтобы при нажатии первый раз увеличивался блок,а второй раз - уменьшался. Заранее спасибо!

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script> 
$(document).ready(function(){
  $("#start").click(function(){  
    
    $("div").animate({
      
      height:'100%', 
      width:'100%'
      
      
       
    });
  });
 
  $("#stop").click(function(){
    $("div").animate({
       
      height:'284px',
      width:'100%'
      

    });
  });
});
</script>  
</head>
 
<body>
<button id="start">Start Animation</button>
<button id="stop">Stop Animation</button>
<div style="background:#98bf21;height:284px;width:100%;position:absolute;"> 

</div>

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