Нажмите кнопку в JavaScript функция прокрутки
jquery scroller перемещается вправо на #what click и продолжает это делать всякий раз, когда нажимается кнопка, но #hat перемещается только один раз, когда бы он ни двигался при нажатии #hat
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
$("#what").click(function()
{
$("div").animate(
{
left: '+=250px'
});
});
$("#hat").click(function()
{
$("div").animate(
{
right: '+=250px'
});
});
});
</script>
</head>
<body>
<p id="what">></p>
<p id="hat"><</p>
<p></p>
<table border="4">
<div style="background:#42ny41;height:100px;width:100px;position:absolute;">
Java is Object oriented
</div>
</body>
</html>
Что я уже пробовал:
изменена функция для событий onclick