@@ -686,6 +705,14 @@
XYZ
Book Lover
}
});
+ document.getElementById('more-link').addEventListener('click', function(event) {
+ event.preventDefault(); // Prevent the default action of the anchor tag
+
+ // Toggle the 'open' class for the dropdown menu
+ const dropdownMenu = document.getElementById('dropdown-menu');
+ dropdownMenu.classList.toggle('open');
+});
+
function menuToggle() {
const toggleMenu = document.querySelector(".menu");
diff --git a/assets/html/freeBooks.html b/assets/html/freeBooks.html
index 7dc2aa2a..a34cfe26 100644
--- a/assets/html/freeBooks.html
+++ b/assets/html/freeBooks.html
@@ -503,6 +503,23 @@
.but {
font-size: x-large;
}
+
+
+/* Initially hide the dropdown */
+#dropdown-menu {
+ display: none;
+ position: absolute;
+ background-color: #7c0f1b;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ z-index: 1000;
+ padding: 10px;
+}
+
+/* Show the dropdown when the 'open' class is added */
+#dropdown-menu.open {
+ display: block;
+}
+
@@ -695,6 +712,13 @@
XYZ
Book Lover
document.getElementById("profile-avatar").src = `./assets/images/${savedAvatar}`;
}
});
+ document.getElementById('more-link').addEventListener('click', function(event) {
+ event.preventDefault(); // Prevent the default action of the anchor tag
+
+ // Toggle the 'open' class for the dropdown menu
+ const dropdownMenu = document.getElementById('dropdown-menu');
+ dropdownMenu.classList.toggle('open');
+});
function menuToggle() {
diff --git a/assets/html/pricing.html b/assets/html/pricing.html
index cf2c6ee5..b6d92a06 100644
--- a/assets/html/pricing.html
+++ b/assets/html/pricing.html
@@ -461,25 +461,25 @@
max-width: 30rem; /* Optional max width for cards */
margin: 1rem; /* Optional margin around each card */
}
-
-
-
.card img {
width: 100%;
height: auto;
}
+/* Initially hide the dropdown */
+#dropdown-menu {
+ display: none;
+ position: absolute;
+ background-color: #7c0f1b;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ z-index: 1000;
+ padding: 10px;
+}
-
-
-
-
-
-
-
-
-
-
+/* Show the dropdown when the 'open' class is added */
+#dropdown-menu.open {
+ display: block;
+}
@@ -587,13 +587,13 @@