Javascript 如何使用JQuery以不同的方式单击一个按钮激活2个div？

例如：

• 单击按钮-1个div飞离页面，其他div飞离页面
• 再次单击按钮-相同的div飞出，其他div返回

我是Javascript/JQuery的新手，所以任何帮助都会很好！谢谢

$（文档）.ready（函数（）{
$（“.bookBox-1”）。单击（函数（）{
$（“.main title”）.slideUp（“慢”）；
});
$（“.bookBox-1”）。单击（函数（）{
$（“.bookscriptions kinkyKenny”）.slideDown（）；
});
});

.bookDescriptions kinkyKenny，
.书籍说明：您的注册地址{
位置：绝对位置；
宽度：1778px；
身高：423px；
顶部：144px；
左：0；
显示：无；
}
.bookDescription-1，
.书籍说明-2{
位置：相对位置；
身高：继承；
宽度：继承；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.主标题{
字体：100 125px“Josefin Sans”，无衬线；
位置：相对位置；
左：151px；
}

您的代码是否以某种方式不起作用？你能演示和描述这个问题吗？你的代码似乎有问题。然而，我们不能帮助，除非我们有。否则，我们只是盲目猜测。我添加了代码，得到了我需要的答案。谢谢你的评论！这就是我要找的。unbind（）是我所需要的。非常感谢，迈克！

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);
});