jquery隐藏活动的手风琴内容
在实现基本jquery accordion时,如果accordion内容是打开的,则执行向上滑动和向下滑动操作。它应该只隐藏(向上滑动)内容分区。需要他人的帮助jquery隐藏活动的手风琴内容,jquery,jquery-ui-accordion,Jquery,Jquery Ui Accordion,在实现基本jquery accordion时,如果accordion内容是打开的,则执行向上滑动和向下滑动操作。它应该只隐藏(向上滑动)内容分区。需要他人的帮助 $(文档).ready(函数(){ $(“h3”)。单击(函数(){ 如果($(“.accordion content”)是(“:可见”)){ $(“.accordion content”).slideUp(600); $(“span.plusminus”).text(“+”); } $(this.next(“.accordion co
$(文档).ready(函数(){
$(“h3”)。单击(函数(){
如果($(“.accordion content”)是(“:可见”)){
$(“.accordion content”).slideUp(600);
$(“span.plusminus”).text(“+”);
}
$(this.next(“.accordion content”).slideDown(600);
$(this.find(“span.plusminus”).text(“-”);
});
});
h3{
背景:#ccc;
填充:10px;
}
·手风琴内容{
显示:无;
高度:50px;
}
普鲁斯米努斯先生{
浮动:对;
}
同侧眼睑+
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书
同侧眼睑+
很好
同侧眼睑+
很好
您可以
$("h3").click(function() {
if ($(".accordion-content").is(":visible")) {
$(".accordion-content").not($(this).next()).slideUp(600);
$("span.plusminus").text("+");
}
$(this).next(".accordion-content").slideToggle(600);
$(this).find("span.plusminus").text("-");
});
SlideToggle()
slideUp()
$("h3").click(function() {
var icon = $(this).find("span.plusminus");
$(".accordion-content").not($(this).next()).slideUp(600);
$("span.plusminus").not(icon).text("+");
$(this).next(".accordion-content").slideToggle(function() {
if ($(this).is(":visible")) {
icon.text("-");
} else {
icon.text("+");
}
});
});
你可以做
$("h3").click(function() {
if ($(".accordion-content").is(":visible")) {
$(".accordion-content").not($(this).next()).slideUp(600);
$("span.plusminus").text("+");
}
$(this).next(".accordion-content").slideToggle(600);
$(this).find("span.plusminus").text("-");
});
SlideToggle()
slideUp()
$("h3").click(function() {
var icon = $(this).find("span.plusminus");
$(".accordion-content").not($(this).next()).slideUp(600);
$("span.plusminus").not(icon).text("+");
$(this).next(".accordion-content").slideToggle(function() {
if ($(this).is(":visible")) {
icon.text("-");
} else {
icon.text("+");
}
});
});
我会这样做:
$(document).ready(function(){
$('.plusminus').click(function(e){
e.preventDefault();
if (!$(this).hasClass('open')){
$(this).addClass('open');
$(".accordion-content").slideDown(600);
}else{
$(this).removeClass('open');
$(".accordion-content").slideUp(600);
}
});
}
我会这样做:
$(document).ready(function(){
$('.plusminus').click(function(e){
e.preventDefault();
if (!$(this).hasClass('open')){
$(this).addClass('open');
$(".accordion-content").slideDown(600);
}else{
$(this).removeClass('open');
$(".accordion-content").slideUp(600);
}
});
}
这是工作小提琴:这是工作小提琴:谢谢。但是,现在加减是不合适的。你能帮我修一下吗?@dvln让我检查一下谢谢。但是,现在加减是不合适的。你能帮我修一下吗?让我检查一下