jquery隐藏活动的手风琴内容

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

在实现基本jquery accordion时,如果accordion内容是打开的,则执行向上滑动和向下滑动操作。它应该只隐藏(向上滑动)内容分区。需要他人的帮助

$(文档).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让我检查一下谢谢。但是,现在加减是不合适的。你能帮我修一下吗?让我检查一下