javascript - 单击一个 div 改变另一个的位置

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 个问题，

jquery 的 click 没有像 Click(使用大写 C)这样的功能，

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

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

DEMO