Javascript Html、css和Js–单击显示/隐藏

首先，我是使用js的新手，尤其是这个脚本，但我希望你能看到过去，并帮助我找到解决方案：-

好的，我的问题如下：

我试着弹出一个窗口，向客户展示他们必须看到的东西，比如报价。正如它是正确的知道我可以使弹出显示时，点击底部的固定按钮。但我不希望它关闭时，我点击显示图像只有当我点击X按钮标签

谁知道我做错了什么？真希望如此：-*

致意 拉塞马德森

这是我的密码：

//当用户单击div时，打开弹出窗口 函数myFunction{ var popup=document.getElementByIdmyPopup； popup.classList.toggleshow； } 功能myFunction2{ var popup=document.getElementByIdmyPopup； popup.classList.togglehide； } .弹出窗口{ 位置：固定； 底部：0%； 显示：内联块； 光标：指针； 左：10%； 背景色：EFEF； 填充：10px 20px 10px 20px； 显示：无； -webkit用户选择：无； -moz用户选择：无； -ms用户选择：无； 用户选择：无； } /*实际弹出窗口*/ .popup.popuptext{ 可见性：隐藏； 宽度：600px； 高度：400px； 背景色：555； 颜色：fff； 文本对齐：居中； 位置：绝对位置； z指数：1； 底部：0%； 左：20%； 左边距：-80px； } /*切换此类-隐藏并显示弹出窗口*/ .popup.show{ 能见度：可见； -网络工具包动画：Fadein1s； 动画：Fadein1s； } /*在弹出窗口中添加动画淡入淡出*/ @-webkit关键帧fadeIn{ 0%{top:0px；} 25%{顶部：-360px；} 50%{顶部：-300px；} 75%{top:-360px；} 100%{top:-360px；} } @关键帧淡入淡出{ 0%{top:0px；} 25%{顶部：-360px；} 50%{顶部：-300px；} 75%{top:-360px；} 100%{top:-360px；} } @仅介质屏幕和最小宽度：992px{ .弹出窗口{ 显示：块； } } 我的职能2{ 位置：绝对位置； z指数：999999； 左：0%； 最高：0%； } 宝莲；骨芽&ndash；该死的！x 需要从.popup类中删除显示：无。。所有代码的其余部分都很好，工作示例如下：

/*弹出式容器-可以是任何你想要的*/ .弹出窗口{ 位置：固定； 底部：0%； 显示：内联块； 光标：指针； 左：10%； 背景色：EFEF； 填充：10px 20px 10px 20px； -webkit用户选择：无； -moz用户选择：无； -ms用户选择：无； 用户选择：无； } /*实际弹出窗口*/ .popup.popuptext{ 可见性：隐藏； 宽度：600px； 高度：400px； 背景色：555； 颜色：fff； 文本对齐：居中； 位置：绝对位置； z指数：1； 底部：0%； 左：20%； 左边距：-80px； } /*切换此类-隐藏并显示弹出窗口*/ .popup.show{ 能见度：可见； -网络工具包动画：Fadein1s； 动画：Fadein1s； } /*在弹出窗口中添加动画淡入淡出*/ @-webkit关键帧fadeIn{ 0%{top:0px；} 25%{顶部：-360px；} 50%{顶部：-300px；} 75%{top:-360px；} 100%{top:-360px；} } @关键帧淡入淡出{ 0%{top:0px；} 25%{顶部：-360px；} 50%{顶部：-300px；} 75%{top:-360px；} 100%{top:-360px；} } @仅介质屏幕和最小宽度：992px{ .弹出窗口{ 显示：块； } } 我的职能2{ 位置：绝对位置； z指数：999999； 左：0%； 最高：0%； } 宝莲；骨芽&ndash；该死的！ x //当用户单击div时，打开弹出窗口 函数myFunction{ var popup=document.getElementByIdmyPopup； popup.classList.toggleshow； } 功能myFunction2{ var popup=document.getElementByIdmyPopup； popup.classList.togglehide； }

---

您的示例代码不工作，请正确格式化。嘿：-我不确定如何修复它：/