如何使用 JQuery 以不同方式單擊一個按鈕激活 2 個 div？

Question

例如：

• 單擊按鈕 - 1 個 div 飛出頁面，另一個 div 飛出頁面。
• 再次單擊按鈕 - 同一個 div 飛走，其他 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);
});