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

我似乎无法在我的代码中找到问题。
我想单击#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/

最佳答案

您的代码中有2个问题，

jquery的C没有像click lick这样的功能（使用大写字母C），

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

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

DEMO