Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jquery停止重复?_Jquery_Html_Css - Fatal编程技术网

如何使用jquery停止重复?

如何使用jquery停止重复?,jquery,html,css,Jquery,Html,Css,这是我使用jquery的第一个插件,我有一些bug需要修复和学习 我的问题 点击标题不止一个,一遍又一遍,然后看到我的手风琴将 尽可能多地打开,我想阻止它 默认情况下,我有可见的手风琴,如果我单击它,我的手风琴将显示 不关,又开了 $(函数(){ 变量标题=$(“.title”); title.on(“单击”,函数(){ $(“.title”).removeClass(“活动”); $(此).toggleClass(“活动”); $(“.text”).slideUp(); $(this).

这是我使用jquery的第一个插件,我有一些bug需要修复和学习

我的问题

  • 点击标题不止一个,一遍又一遍,然后看到我的手风琴将 尽可能多地打开,我想阻止它
  • 默认情况下,我有可见的手风琴,如果我单击它,我的手风琴将显示 不关,又开了
$(函数(){
变量标题=$(“.title”);
title.on(“单击”,函数(){
$(“.title”).removeClass(“活动”);
$(此).toggleClass(“活动”);
$(“.text”).slideUp();
$(this).parents(“.item”).find(“.text”).slideToggle();
});
});
@导入url('https://fonts.googleapis.com/css?family=Work+Sans:400500600700800900’;
身体{
背景:#1d1f20;
字体系列:“无衬线工作”,无衬线;
}
身体,
h1,
h2,
h3,
h4,
h5,
h6,
P
跨度{
填充:0;
保证金:0;
}
#手风琴{
宽度:600px;
保证金:30像素自动;
背景:#FFF;
边界半径:4px;
盒子阴影:0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px-2px rgba(0,0,0,0.2),0px 1px 5px 0px rgba(0,0,0,0.12);
}
#手风琴:以前,
#手风琴:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
.头衔{
位置:相对位置;
背景#FC4349;
颜色:#f0;
填充:10px;
光标:指针;
显示:块;
边框底部:1px实心#ed383e;
左边框:5px实心#ed383e;
字体大小:14px;
}
.主动{
左边框颜色:#bf262b;
}
.标题:之后{
内容:“\f107”;
显示:块;
位置:绝对位置;
右:3%;
最高:20%;
字体系列:Fontsome;
字体大小:20px;
}
.活动:之后{
内容:“\f106”;
显示:块;
}
法兰西{
右侧填充:12px;
}
.文本{
填充:12px;
显示:无;
}
.文本p{
垫底:10px;
字体大小:13px;
线高:24px;
颜色:#333;
文本对齐:左对齐;
}
.active+.text{
显示:块;
}

手风琴1
Lorem ipsum dolor sit amet,奉献精英。这是一个合理的解释,它是一个自由的法律!你的脸上的赘肉就是你的脸上的赘肉

Lorem ipsum dolor sit amet,奉献精英。总的来说,除了布兰迪提斯、阿特克和他的实验室外,我们还需要大量的必需品和发明家。阿尼米,奎,沃鲁帕提布斯。Eligendi

手风琴2 Lorem ipsum dolor sit amet,奉献精英。塞德·奥迪奥,布兰迪提斯。是否可以选择在自由智囊团成员中加入一项新的政策?内克

Lorem ipsum dolor sit amet,奉献精英。贵宾,eos

手风琴3 Lorem ipsum dolor sit amet,奉献精英。塞德·奥迪奥,布兰迪提斯。是否可以选择在自由智囊团成员中加入一项新的政策?内克

Lorem ipsum dolor sit amet,奉献精英。是否有必要在法律、法律、行政法规和法律法规中规定最低工资和最低工资

手风琴4 Lorem ipsum dolor sit amet,奉献精英。塞德·奥迪奥,布兰迪提斯。是否可以选择在自由智囊团成员中加入一项新的政策?内克

Lorem ipsum dolor sit amet

手风琴5 Lorem ipsum dolor sit amet,奉献精英。塞德·奥迪奥,布兰迪提斯。是否可以选择在自由智囊团成员中加入一项新的政策?内克

Lorem ipsum dolor sit amet,奉献精英。根据委托人所处的位置,所有的非流动性错误都会导致费用的增加,这是因为他们拥有足够的知识和能力。应得 你是说我是谁?无公害性鼠疫、非人工性小蠹、白斑、非产性、非公有制、驱避性驱避! 奎斯,奎拉特


您认为这部分代码在css中应该做什么

.active+.text {
  display: block;
}
删除这部分代码。。这不是我的问题。。我不知道投反对票有什么愚蠢的。。而
.not()
是一个正确的答案

您需要使用
.not()

$(函数(){
变量标题=$(“.title”);
title.on(“单击”,函数(){
var ThisIt=$(本);
$(“.title”).not(ThisIt).removeClass(“active”);
$(此).toggleClass(“活动”);
$(.text”).not(ThisIt.next(.text”).slideUp(100);
ThisIt.next(“.text”).slideToggle(100);
}).eq(2).单击();
});
@导入url('https://fonts.googleapis.com/css?family=Work+Sans:400500600700800900’;
身体{
背景:#1d1f20;
字体系列:“无衬线工作”,无衬线;
}
身体,
h1,
h2,
h3,
h4,
h5,
h6,
P
跨度{
填充:0;
保证金:0;
}
#手风琴{
宽度:600px;
保证金:30像素自动;
背景:#FFF;
边界半径:4px;
盒子阴影:0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px-2px rgba(0,0,0,0.2),0px 1px 5px 0px rgba(0,0,0,0.12);
}
#手风琴:以前,
#手风琴:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
.头衔{
位置:相对位置;
背景#FC4349;
颜色:#f0;
填充:10px;
光标:指针;
显示:块;
边框底部:1px实心#ed383e;
左边框:5px实心#ed383e;
字体大小:14px;
}
.主动{
左边框颜色:#bf262b;
}
.标题:之后{
内容:“\f107”;
显示:块;
位置:绝对位置;
右:3%;
最高:20%;
字体系列:Fontsome;
字体大小:20px;
}
.活动:之后{
内容:“\f106”;
显示:块;
}
法兰西{
垫
$(".title").not($(this)).removeClass("active");
$(".text").not($(this).parents(".item").find(".text")).slideUp();
$(function() {
  $(document).on("click", ".title", function() {
    $(this).siblings(".text").slideToggle();
  });
});
.active+.text {
  display: block;
} 
.text.active{
  display: block;
}
$(function(){
    var title = $(".title");
  title.on("click",function(){
    if($(this).hasClass("active") == false) $(".text").slideUp();
    $(this).parents(".item").find(".text").slideToggle();
    $(".title").removeClass("active");
    $(this).addClass("active");      
  });
});