Z
хм, точняк, ну тогда в любую другую песочницу можно выложить
Не, я ж читаемый код кинул
Size: a a a
2020 April 03
Z
Все пробелы есть
Z
Там ошибок в консоле нету
A
Не, я ж читаемый код кинул
а попробовать его как?
Z
кстати, кому не лень помогите плез.Есть код с бург меню, все работает, но когда первый раз кликаю по кнопке не работает, но если дальше тыкать, то переключение происходит, что делать в этом случае?
<!DOCTYPE html>
<html>
<head>
<title>Doc</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>
<body>
<button class="btn">Click</button>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<script>
$('.btn').on('click', function (){
$('nav').toggle (
function (){
$(this).animate({
'left':'-10px'
});
});
});
</script>
<style>
nav{
border-radius: 10px;
left: -220px;
margin-top: 20px;
position: absolute;
background-color: black;
height: 100%;
}
ul{
margin-right: 25px;
list-style-type: none;
}
a {
color: blue !important;
text-decoration: none;
}
li{
margin-top: 15px;
}
</style>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Doc</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>
<body>
<button class="btn">Click</button>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<script>
$('.btn').on('click', function (){
$('nav').toggle (
function (){
$(this).animate({
'left':'-10px'
});
});
});
</script>
<style>
nav{
border-radius: 10px;
left: -220px;
margin-top: 20px;
position: absolute;
background-color: black;
height: 100%;
}
ul{
margin-right: 25px;
list-style-type: none;
}
a {
color: blue !important;
text-decoration: none;
}
li{
margin-top: 15px;
}
</style>
</body>
</html>
Я ещё пытался второй анимате присобачить, но стало хуже
Z
а попробовать его как?
Я думал у всех мобильные редакторы есть
Z
На всякий случай
Z
а попробовать его как?
Заходишь на кодепен и вставляешь
A
Заходишь на кодепен и вставляешь
сразу нельзя вставить? и дать ссылку?
Z
кстати, кому не лень помогите плез.Есть код с бург меню, все работает, но когда первый раз кликаю по кнопке не работает, но если дальше тыкать, то переключение происходит, что делать в этом случае?
<!DOCTYPE html>
<html>
<head>
<title>Doc</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>
<body>
<button class="btn">Click</button>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<script>
$('.btn').on('click', function (){
$('nav').toggle (
function (){
$(this).animate({
'left':'-10px'
});
});
});
</script>
<style>
nav{
border-radius: 10px;
left: -220px;
margin-top: 20px;
position: absolute;
background-color: black;
height: 100%;
}
ul{
margin-right: 25px;
list-style-type: none;
}
a {
color: blue !important;
text-decoration: none;
}
li{
margin-top: 15px;
}
</style>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Doc</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>
<body>
<button class="btn">Click</button>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<script>
$('.btn').on('click', function (){
$('nav').toggle (
function (){
$(this).animate({
'left':'-10px'
});
});
});
</script>
<style>
nav{
border-radius: 10px;
left: -220px;
margin-top: 20px;
position: absolute;
background-color: black;
height: 100%;
}
ul{
margin-right: 25px;
list-style-type: none;
}
a {
color: blue !important;
text-decoration: none;
}
li{
margin-top: 15px;
}
</style>
</body>
</html>
Если сверху комментарии мешают, то щас скину онли код
A
не нужно кидать сюда код
A
какой смысл
Z
сразу нельзя вставить? и дать ссылку?
Ладно, щас зарегаюсь
PG
Я ещё пытался второй анимате присобачить, но стало хуже
Show me example i might help
Z
не нужно кидать сюда код
A
для nav нужно изначально поставить css display: none
Z
для nav нужно изначально поставить css display: none
Спасибо
Z
Помогло
ИW
Добрый вечер. Может быть кто-то подскажет, почему на этой странице pop-up "Написать нам" всплывает и сразу же исчезает. ИЗ-за чего такой глюк. Прикол в том, что он только на этой странице и на страницах каталога. https://reduktora.com.ua/poleznye-materialy
2020 April 04
Z
Кому что больше нравится?Slick slider или owl carousel?