Как я могу выдвинуть div, когда другой div скользитDown

Question

Я хочу, если я нажму на DIV, который появляется другой DIV, но другой div должен быть закрыт.Я попробовал некоторые if операторы, но я никогда не работал с этим раньше

$(".hiddenweb").on("click", function() {
  $(".websitehulp").slideDown("900"), 100;
  $(".emailhulp").slideUp("900"), 100;
  $(".hostinghelp").slideUp("900"), 100;
  $(".onderhoudhelp").slideUp("900"), 100;
});

$(".emaillekker").on("click", function() {
  $(".emailhulp").slideDown("900"), 100;
  $(".websitehulp").slideUp("900"), 100;
  $(".hostinghelp").slideUp("900"), 100;
  $(".onderhoudhelp").slideUp("900"), 100;
});

$(".hostinglekker").on("click", function() {
  $(".hostinghelp").slideDown("900"), 100;
  $(".websitehulp").slideUp("900"), 100;
  $(".emailhulp").slideUp("900"), 100;
  $(".onderhoudhelp").slideUp("900"), 100;
});

$(".onderhoudlekker").on("click", function() {
  $(".onderhoudhelp").slideDown("900"), 100;
  $(".hostinghelp").slideUp("900"), 100;
  $(".emailhulp").slideUp("900"), 100;
  $(".websitehulp").slideUp("900"), 100;
});

Я ожидал, что задержка была достаточной, чтобы div ожидал ее закрытия, прежде чем другой div откроется

Answer 1

похоже, вы ищете acccordion -подобный компонент:

function AccordionCtrl() {
  const item = jQuery(this);
  const isOpen = item.hasClass('is-open');

  if (isOpen) {
    item.removeClass('is-open');
    return;
  }
  
  item.siblings().each(
    (i, sibling) => jQuery(sibling).removeClass('is-open'),
  );

  return item.addClass('is-open');
}

jQuery('.accordion').on('click', '.accordion-item', AccordionCtrl);

.accordion {
  display: flex;
  flex-wrap: wrap;
}

.accordion-item {
  flex: 1 0 100%;
  min-height: 30px;
  background: cyan;
  border: 1px solid black;
  transition: 250ms min-height linear;
}

.accordion-item.is-open {
  min-height: 150px;
}

.accordion-item:nth-of-type(even) {
  background: lightcoral;
}

<script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>
  
  
<div class="accordion">
  <div class="accordion-item is-open"></div>
  <div class="accordion-item"></div>
  <div class="accordion-item"></div>
  <div class="accordion-item"></div>
</div>

Answer 2

Может б я не прав.но я думаю, что вы хотите скользить вверх и вниз между двумя делениями.

$(".slide1").click(function(){    
    if($(".slideDiv1").hasClass("noDisplay")){
       $(".slideDiv1").removeClass("noDisplay").show("slide");
       $(".slideDiv2").addClass("noDisplay").hide("slide");       
     }    
  });

$(".slide2").click(function(){    
    if($(".slideDiv2").hasClass("noDisplay")){
       $(".slideDiv2").removeClass("noDisplay").show("slide") ;
       $(".slideDiv1").addClass("noDisplay").hide("slide");       
    }

  });

Здесь работает пример