0

На странице у меня находится кнопка и при первом нажатии на неё div элемент перемещается влево, а при повторном должен переместится обратно. Но div только выезжает, а при повторном нажатии на кнопку - 0 внимания.Что я делаю не так и как это исправить?

Вот пример кода: HTML5:

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="g.css" />
<script src="g.js" type="text/javascript"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
</head>
<body>
    <button onclick="leftright1"></button>
    <div></div>
</body>
</html>

CSS3:

button{height: 50px;width: 50px;position: fixed;top: 0px;left: 0px;}
div{height: 150px;width: 150px;background-color: blueviolet;position:fixed;top: 60px;right: 0px;}

JS:

function leftright1() {
    $("div").animate({right:"300px"},500)
    $("button").on(click,leftright2())
}
function leftright2() {
    $("div").animate({ right: "0px" }, 500);
    $("button").on(click,leftright1())
}
1

1 ответ 1

-1

А вот так вам пойдет?

function leftright1() {
    $("div").animate({right:"300px"},500)
    $('button').attr('onclick', 'leftright2()');
}
function leftright2() {
    $("div").animate({ right: "0px" }, 500);
    $('button').attr('onclick', 'leftright1()');
}

И еще у вас нету скобочек() в значении атрибута onclick: <button onclick="leftright1()"></button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.