For instance:
- Press a button - one div flies off the screen while another div flies in.
- Press the button again - Same div flies out, other div returns.
I'm completely new to Javascript/JQuery so any assistance would be highly appreciated! Thank you.
$(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;
}