Задать вопрос
@FreezkoSS

Скрипт не работает, что делать?

Написал скрипт (с эффектами jQuery UI), который локально работает отлично, но когда заливаю на digital ocean, то почему то он ток раздвигает объект, но обратно не сдвигает, все гемы установлены, как jQuery, так и jQuery UI, в чем может быть проблема?
Вот код:
$(document).ready(function(){
    $('.number__block').hide();
    $('#phone').click(function(){
        if ($('.number__block').is(':hidden')){
            $('.number__block').show('slide',{direction: 'right'}, 1000);
        }
        else {
            $('.number__block').hide('slide',{direction: 'right'}, 1000);
        }
    });
});
  • Вопрос задан
  • 98 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
@Coffin
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>
<script>
  $(document).ready(function(){
    $('#phone').on('click',function(){
      console.log("click")
      $('.number__block').toggle(
        'slide',
        { direction: 'right' }, 
        350
      );
    });
  });
</script>
</head>
<body>
<div id="phone" style="background-color: red; width: 200px; height: 100px;">
  <div class="number__block" style="display: none; color: white;">Телефон</div>
</div>
</body>
</html>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы