Как я могу одним нажатием кнопки активировать 2 деления различными способами с JQuery?

Question

Например:

• Нажмите кнопку - 1 элемент вылетает со страницы, другой элемент вылетает на странице.
• Нажмите кнопку еще раз - тот же элемент вылетает, другие div возвращает.

Я новичок в Javascript / JQuery, поэтому любая помощь будет отличной! Спасибо.

$(document).ready(function() {
  $(".bookBox-1").click(function() {
    $(".main-title").slideUp("slow");
  });

  $(".bookBox-1").click(function() {
    $(".bookDescriptions-kinkyKenny").slideDown();
  });
});

.bookDescriptions-kinkyKenny,
.bookDescriptions-eatWhatYoureGiven {
  position: absolute;
  width: 1778px;
  height: 423px;
  top: 144px;
  left: 0;
  display: none;
}

.bookDescription-1,
.bookDescription-2 {
  position: relative;
  height: inherit;
  width: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-title {
  font: 100 125px 'Josefin Sans', sans-serif;
  position: relative;
  left: 151px;
}

Answer 1

function myfunc1() {
  $(".main-title").slideUp("slow");
  $(".bookDescriptions-kinkyKenny").slideDown();
  $(".bookBox-1").unbind("click", myfunc1);
  $(".bookBox-1").click(myfunc2);
}

function myfunc2() {
  $(".bookDescriptions-kinkyKenny").slideUp("slow");
  $(".main-title").slideDown();
  $(".bookBox-1").unbind("click", myfunc2);
  $(".bookBox-1").click(myfunc1);
}
$(document).ready(function() {
  $(".bookBox-1").click(myfunc1);
});