Javascript 前端web开发

我想制作右上角的按钮，以及在codepen.io网站的corrner上单击按钮后显示的内容。有人可以修复我的代码并指出错误吗

$(document).ready(function(){
        $(".nut").click(function(){     
           $(".choose").toggle(200);
        });
    });

导入url（fonts.googleapis.com/css？family=Lato:400900400Italic，700italic）； html，正文{ 字体系列：“开放式Sans”，无衬线； } #容器{ 背景色：#0d0d； } .坚果{ 位置：绝对位置； 顶部：10px； 右：10px； } .螺母a img{ 边界半径：3px； 光标：指针； 高度：44px； } .选择{ 边框：1px纯黑； 宽度：200px； 高度：350px； 位置：绝对位置； 顶部：64px； 右：0； 显示：隐藏； } .选择ul{ 填充：0px； 列表样式类型：无； } .选择.一个李{ 光标：指针； 位置：相对位置； 填充：8px 15px 10px； } .选择.一个李a{ 字体大小：15px； } .选择。一里：第n个孩子（7）{ 边框底部：1px纯黑； 利润底部：3倍； } .选择.一里：悬停{ 背景色：#e6； } .选择.两里{ 填充：0； 显示：内联； 不透明度：.5； } .选两个{ 字体大小：7px； } .选择.两里：悬停{ 不透明度：1； }

新笔
新职位
近期活动
嵌入主题生成器
背景
帮助
注销
你的个人资料


笔
职位
收藏

看看我的例子。您只需使用正确的CSS并切换open类：

$（文档）.ready（函数（）{
$（“.user stuff”）。单击（函数（）{
$（'.user下拉列表'）.toggleClass（'open'）；
});
});
导入url（fonts.googleapis.com/css？family=Lato:400900400Italic，700italic）；
a{
字体系列：“Lato”；
}
.用户下拉列表{
背景：白色；
-webkit盒阴影：0 10px rgba（0,0,0,0.35）；
盒影：0.10px rgba（0,0,0,0.35）；
位置：绝对位置；
最高：100%；
填充：5px0；
宽度：200px；
颜色：#222；
不透明度：0；
可见性：隐藏；
-webkit转换：-webkit转换0.15s，不透明度0.15s；
过渡：变换0.15s，不透明度0.15s；
-webkit变换：比例（0.95）；
-ms变换：标度（0.95）；
变换：比例（0.95）；
-webkit变换原点：右上角；
-ms变换原点：右上角；
变换原点：右上角
}
.open.user下拉列表{
能见度：可见；
不透明度：1；
-webkit转换：规模（1）；
-ms变换：尺度（1）；
变换：缩放（1）
}
#迷你个人头像{
边界半径：2px；
光标：指针
}
.链接列表，
.链接列表ul，
.链接列表{
列表样式：无
}
.链接列表a{
颜色：黑色；
显示：块；
填充：8px 15px 10px；
线高：1.1；
文本阴影：无；
文本装饰：无
}
.链接列表a：悬停，
.链接列表a：焦点{
颜色：继承；
背景：#E7E7E7
}
.链接列表a.活动{
背景：#ccc
}
.链接列表a.活动.查看元数据{
颜色：#666
}
.用户下拉列表{
顶部：45px；
左：0！重要；
右：0；
}
.用户下拉列表>li{
职位：相对
}
.用户下拉列表>li.sep-after{
边框底部：1px实心#666；
垫底：5px
}
.user下拉列表>li.sep在+li之后{
顶部填充物：5px
}
.用户下拉列表.上下文切换器{
位置：相对位置；
填充：0！重要
}

看看我的例子。您只需使用正确的CSS并切换open类：

$（文档）.ready（函数（）{
$（“.user stuff”）。单击（函数（）{
$（'.user下拉列表'）.toggleClass（'open'）；
});
});
导入url（fonts.googleapis.com/css？family=Lato:400900400Italic，700italic）；
a{
字体系列：“Lato”；
}
.用户下拉列表{
背景：白色；
-webkit盒阴影：0 10px rgba（0,0,0,0.35）；
盒影：0.10px rgba（0,0,0,0.35）；
位置：绝对位置；
最高：100%；
填充：5px0；
宽度：200px；
颜色：#222；
不透明度：0；
可见性：隐藏；
-webkit转换：-webkit转换0.15s，不透明度0.15s；
过渡：变换0.15s，不透明度0.15s；
-webkit变换：比例（0.95）；
-ms变换：标度（0.95）；
变换：比例（0.95）；
-webkit变换原点：右上角；
-ms变换原点：右上角；
变换原点：右上角
}
.open.user下拉列表{
能见度：可见；
不透明度：1；
-webkit转换：规模（1）；
-ms变换：尺度（1）；
变换：缩放（1）
}
#迷你个人头像{
边界半径：2px；
光标：指针
}
.链接列表，
.链接列表ul，
.链接列表{
列表样式：无
}
.链接列表a{
颜色：黑色；
显示：块；
填充：8px 15px 10px；
线高：1.1；
文本阴影：无；
文本装饰：无
}
.链接列表a：悬停，
.链接列表a：焦点{
颜色：继承；
背景：#E7E7E7
}
.链接列表a.活动{
背景：#ccc
}
.链接列表a.活动.查看元数据{
颜色：#666
}
.用户下拉列表{
顶部：45px；
左：0！重要；
右：0；
}
.用户下拉列表>li{
职位：相对
}
.用户下拉列表>li.sep-after{
边框底部：1px实心#666；
垫底：5px
}
.用户dro