يمكنكم من هذا المقال تحميل كل كتب السنة الخامسة الجيل الثاني في كل المواد بروابط تحميل مباشرة بصيغة pdf. body { font-family: 'Cairo', sans-serif; direction: rtl; background: #f9faff; padding: 30px; } h2 { text-align: center; font-size: 28px; font-weight: 600; color: #222; margin-bottom: 20px; } .dropdown { position: relative; width: 80%; max-width: 650px; margin: 0 auto 30px; user-select: none; background: #fff; border-radius: 10px; box-shadow: 0 4px 14px rgba(0,0,0,0.1); } .dropdown-btn { background: linear-gradient(135deg, #4a90e2, #357ABD); color: #fff; padding: 18px 24px; font-size: 20px; border: none; width: 100%; text-align: right; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; font-weight: 600; cursor: pointer; } .dropdown-btn:hover { background: linear-gradient(135deg, #357ABD, #2a5f94); } .dropdown-btn .arrow { margin-left: 10px; transition: transform 0.3s ease; } .dropdown.show .dropdown-btn .arrow { transform: rotate(180deg); } .dropdown-content { display: none; position: absolute; background: #fff; width: 100%; max-height: 350px; overflow-y: auto; z-index: 999; border-radius: 0 0 10px 10px; border: 1px solid #e1e4e8; box-shadow: 0 6px 18px rgba(53, 122, 189, 0.25); opacity: 0; transform: translateY(-15px); pointer-events: none; transition: opacity 0.4s ease, transform 0.4s ease; } .dropdown.show .dropdown-content { display: block; opacity: 1; transform: translateY(0); pointer-events: auto; } .dropdown-content a { display: flex; align-items: center; padding: 14px 20px; text-decoration: none; color: #2c3e50; border-bottom: 1px solid #f0f0f5; font-weight: 500; } .dropdown-content a:last-child { border-bottom: none; } .dropdown-content a:hover { background: #e6f0ff; color: #1a3d7c; } .pdf-icon { width: 22px; height: 22px; margin-left: 12px; flex-shrink: 0; } الكتب المدرسية للسنة الخامسة ابتدائي اختر الكتاب ▼ كتاب اللغة العربية كتاب اللغة الفرنسية كتاب الرياضيات كتاب التربية الإسلامية كتاب التربية المدنية كتاب التربية العلمية والتكنولوجية document.addEventListener('DOMContentLoaded', function() { const btn = document.getElementById("dropdownBtn"); const box = document.getElementById("myDropdown"); btn.addEventListener("click", function(e) { e.stopPropagation(); box.classList.toggle("show"); }); document.addEventListener("click", function() { box.classList.remove("show"); }); });
