Задать вопрос
@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);
        }
    });
});
  • Вопрос задан
  • 101 просмотр
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 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>
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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