Jquery jQ ToggleClass和执行正确元素的问题

我正在制作个人资料，但在脚本方面遇到了一些问题

目前，我希望在两个或多个元素上使用类似于Toggle类的东西，它们需要显示不同的信息。我想我需要用这个来让它工作，有点像，只是不在正确的地方。。xD

所以我的问题是，我遗漏了什么

应该与其中的不同文本一起使用的东西是：icecenter

按钮是：弹出按钮

$document.readyfunction{ $。弹出按钮。单击，功能{ $this.toggleClass'active' .下一步。滑动切换“快速”；； }; }; .冰山{ 宽度：100%； 高度：900px； 背景图像：urlhttps://i.imgur.com/vPkkwce.jpg; 溢出：隐藏； 外形：1px实心a4a4a4； 轮廓偏移：-1px； 溢出：隐藏； 位置：相对位置； } 冰边{ 位置：绝对位置； 显示：块； z指数：3； 左：40px； 背景色：RGBA246245249,0.85； 宽度：140px； 身高：100%； -webkit盒阴影：0px 0px 5px 0px rgba0,0,0.55； -moz盒阴影：0px 0px 5px 0px rgba0,0,0,0.55； 盒影：0px 0px 5px 0px rgba0,0,0,0.55； } .冰线{ 显示：块； z指数：1； 背景色：rgba255、255、255、0.75； 高度：30px； 宽度：90%； 位置：绝对位置； -网络工具包盒阴影：0px 0px 5px 0px rgba0,0,0.3； -moz盒阴影：0px 0px 5px 0px rgba0,0,0.3； 盒影：0px 0px 5px 0px rgba0,0,0.3； } @关键帧向左滑动{ 0% { 转化：translateX-100%； } 100% { transform:translateX0； } } .冰封{ 显示：块； z指数：2； 字体大小：35px； 线高：42px； 位置：绝对位置； 顶部：20px； 左：65px； 颜色：白色； 字体系列：“露丝”，草书； 过渡：所有输入输出均为600ms； 文本阴影：-1px-1px 1px RGBA255255,1,1px 1px 1px rgba0,0,0,5； } .IceOverkrift:悬停{ z指数：4； 字号：38px； 左：30px； 文本阴影：-1px-1px 1px RGBA255255,1,1px 1px 1px rgba0,0,0,9； } .冰山{ 显示：块； 高度：70像素； 宽度：70px； z指数：3； 浮动：对； 利润上限：-25px； 右边距：-25px； 边界半径：50%； 边框：5px实心rgba255、255、255、0.75； 过渡：所有输入输出均为600ms； } .冰山：悬停{ 高度：90px； 宽度：90px； 利润上限：-35px； 右边距：-35px； } .关系人{ 字体系列：calibri； 字号：900； 线高：26px； 字体大小：20px； 颜色：白色； 文本阴影：-1px-1px 0px a4a4a4、1px 1px 0px a4a4a4、2px 2px 0px a4a4a4、3px 3px 0px a4a4a4； 浮动：对； 右边距：20px； 光标：指针； 过渡：所有输入输出均为600ms； } .ICRelationer:悬停{ 字体大小：24px； 右边距：15px； } ：-webkit滚动条{ 宽度：10px； } ：-webkit滚动条轨迹{ 背景：fff； } ：-webkit滚动条拇指{ 背景：9b76be； 边界半径：3px； 过渡：所有线性1； } ：-webkit滚动条拇指：悬停{ 背景：白色； 边框：1px实心9b76be； } .弹出按钮{ 文本对齐：居中； 颜色：fff； 线高：50px； 显示：块； 文本转换：大写； 光标：指针； 字母间距：1px； 轮廓偏移：0； 文本阴影：无； 过渡：所有1250ms立方贝塞尔0.19,1,0.22,1； } .弹出按钮：悬停{ } .冰上中心{ 宽度：50%； 保证金：100像素自动； 盒影：0 1px4p0 rgba0,0,0,0.75； 不透明度：0； 过渡：所有0.2s立方贝塞尔0.12、0.13、0.14、0.15； 显示：块； 位置：绝对位置； z指数：1； 边缘顶部：60像素； 左边距：20px； 背景色：RGBA246245249,0.9； 宽度：400px； 高度：500px； 填充：10px 10px 10px 170px； -webkit盒阴影：0px 0px 5px 0px rgba0,0,0.55； -moz盒阴影：0px 0px 5px 0px rgba0,0,0,0.55； 盒影：0px 0px 5px 0px rgba0,0,0,0.55； -ms变换：旋转-1deg；/*IE 9*/ -webkit转换：rotate-1deg；/*Safari 3-8*/ 变换：旋转-1deg； 溢出：自动； } .icecenter.icecenter文本{ 文本对齐：左对齐； 垫底：25px； 指针事件：无； } .icecenter.icecenter文本p{ 字体大小：13px； 字母间距：.5px； 线高：150%； 字体系列：calibri； 颜色：灰色； 边缘顶部：20px； } .冰上表演中心{ 不透明度：1； } @媒体屏幕和最大宽度：650px{ .弹出窗口{ 宽度：80%； } .弹出。弹出文本{ 字体大小：.8em； } .弹出按钮{ 字体大小：.8em； 宽度：80px； 高度：40px； 线黑格 ht:40px； } } 苋菜冬青报春花 马泰奥 汞 这是一个完整的欧盟成员国，其成员国包括欧盟成员国、欧盟成员国、欧盟成员国、欧盟成员国、欧盟成员国、欧盟成员国和欧盟成员国

梅尔

---

不带引号使用此选项

未测试，但$this不起作用-try$this对我尝试切换的元素不起作用：s。。它切换我正在单击的元素，该元素应仅作为单击事件使用，而不是切换的元素。我认为您应该添加一个event.preventDefault。如果在那之后它不起作用，请告诉我“仍然没有什么…”我把它放在这里：$document.readyfunction{$.pop-up button.on'click'，function{event.preventDefault；$this.toggleClass'active'。next.slideToggle'fast'；；}；}$document.readyfunction{$.弹出按钮。单击时，函数事件{event.preventDefault；$this.toggleClass'active'.next.slideToggle'fast'；}；}；这样做class=iceboblebilled>remove onclick from a tag使用这个$document.readyfunction{$.弹出按钮。点击时，函数e{e.preventDefault；$this.toggleClass'active'。下一步。slideToggle'fast'；}；}；

 $(document).ready(function () {
    $(".pop-up-button").on('click', function () {
        $(this).toggleClass('active')
            .next().slideToggle('fast');;
    });
});