Question

我似乎无法在我的代码中找到问题。我想点击#menu，它会从右边滑动#menudrop。

#menudrop {
    width: 200px;
    height: 300px;
    background: red;
    position: absolute;
    right: -9999px; /* get element out of viewport */
    transition: 0.5s ease;
}
#menu{
  width:100px;
  height:100px;
  position:absolute;
  top:20px;
  left:200px;
  background-color:black;
}

<div id="menu"></div>
<div id="menudrop"></div>

$(document).ready(function(){
$('#menu').Click(function(){
$('#menudrop').css('right', '0px');
 });
});

https://jsfiddle.net/theUnderdog/n60guhkq/

Answer 1

您的代码中有2个问题，

没有像C lick（使用的大写字母C）这样的函数，jquery可用click，

$(document).ready(function(){
 $('#menu').click(function(){
  $('#menudrop').css('right', '0px');
 });
});

在使用之前将jquery库包含到页面中非常重要。

点击一个div更改另一个位置

1 个答案:

DEMO