\n \n \n Informasi Koperasi<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* --- CSS Anda yang sudah ada, dengan penyesuaian untuk rotasi panah --- *\/\n .speaker-icon {\n cursor: pointer;\n margin-right: 10px;\n color: #007bff;\n }\n\n .speaker-icon:hover {\n color: #0056b3;\n }\n body {\n font-family: Arial, sans-serif;\n margin: 5px;\n }\n .qa-item {\n border: 1px solid #ddd;\n margin-bottom: 5px;\n border-radius: 5px;\n overflow: hidden;\n }\n .question {\n background-color: #f1f1f1;\n padding: 5px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n }\n .question:hover {\n background-color: #e2e2e2;\n }\n .answer {\n padding: 8px;\n background-color: #fff;\n border-top: 1px solid #eee;\n display: none; \/* Hidden by default *\/\n }\n .arrow {\n font-size: 1.2em;\n transition: transform 0.3s ease; \/* Smooth transition for arrow rotation *\/\n }\n \/* Rotasi panah saat qa-item memiliki kelas 'active' *\/\n .qa-item.active .arrow {\n transform: rotate(90deg);\n }\n .site-content-block .main-content {\n padding: 15px;\n box-shadow: 0 0 20px #87e97b;\n }\n <\/style>\n<\/head>\n<body>\n\n <h4>Information<\/h4>\n <div class=\"qa-item\">\n <div class=\"question\">\n <p>– Mudhorobah Mutlaqoh?<\/p>\n <span class=\"arrow\">▶<\/span> \n <\/div>\n <div class=\"answer\">\n \n <i>Mudharabah mutlaqah adalah akad kerja sama usaha antara pemilik modal (shahibul maal) dan pengelola dana (mudharib). Dalam akad ini, pemilik modal memberikan kebebasan penuh kepada pengelola untuk menentukan jenis usaha, lokasi, dan tata cara investasi tanpa batasan spesifik, asalkan tetap sesuai dengan prinsip syariah<\/i>\n <\/div>\n <audio id=\"answerAudio1\" src=\"https:\/\/kopjasapandawa.elbeje.com\/audios\/audio001.mp3\" preload=\"auto\"><\/audio>\n <\/div>\n\n \n\n <di class=\"qa-item\">\n <div class=\"question\">\n <p>– Benarkah imbal hasilnya setara 12% hingga 15% per tahun?<\/p>\n <span class=\"arrow\">▶<\/span> \n <\/div>\n <div class=\"answer\">\n \n <i>Berdasarkan pengalaman dan usaha koperasi sedang yang berjalan, koperasi yakin mencapai target tersebut. <br>Kami berkomitmen. bahwa laba hanya akan dikurangi biaya operasional. <br>Sedangkan Biaya Asset Tetap menjadi tanggung jawab koperasi, sehingga nisbah 60% bagi pemilik simpanan, diharapkan setara dengan 12% hingga 15% per tahun (dalam konteks keungan konvensional).<\/i>\n <\/div>\n <audio id=\"answerAudio3\" src=\"https:\/\/kopjasapandawa.elbeje.com\/audios\/audio03.mp3\" preload=\"auto\"><\/audio>\n <\/div>\n\n <script>\n \/\/ --- SCRIPT UNTUK FUNGSI ACCORDION FAQ ---\n document.querySelectorAll('.question').forEach(item => {\n item.addEventListener('click', event => {\n const qaItem = item.closest('.qa-item');\n const answer = qaItem.querySelector('.answer');\n const arrow = qaItem.querySelector('.arrow'); \/\/ Ambil elemen panah\n\n \/\/ Hentikan semua audio yang sedang berjalan saat FAQ ditutup\/dibuka\n document.querySelectorAll('audio').forEach(audio => {\n if (!audio.paused) {\n audio.pause();\n audio.currentTime = 0;\n }\n });\n\n \/\/ Toggle kelas 'active' pada qaItem (untuk rotasi panah dan styling lainnya)\n qaItem.classList.toggle('active');\n\n \/\/ Toggle display jawaban\n if (answer.style.display === 'block') {\n answer.style.display = 'none';\n \/\/ Panah akan otomatis kembali ke posisi awal karena kelas 'active' dihapus\n } else {\n \/\/ Opsional: Tutup semua jawaban lain dan reset panahnya\n document.querySelectorAll('.qa-item.active').forEach(openQaItem => {\n if (openQaItem !== qaItem) { \/\/ Jika bukan item yang sedang diklik\n openQaItem.classList.remove('active');\n openQaItem.querySelector('.answer').style.display = 'none';\n \/\/ Panah di item lain akan otomatis kembali ke posisi awal\n }\n });\n answer.style.display = 'block';\n \/\/ Panah akan otomatis berputar karena kelas 'active' ditambahkan\n }\n });\n });\n\n \/\/ --- SCRIPT UNTUK FUNGSI PEMUTAR AUDIO ---\n function playAnswerAudio(audioId) {\n const audio = document.getElementById(audioId);\n\n if (!audio) {\n console.error(`Error: Audio dengan ID '${audioId}' tidak ditemukan.`);\n alert(\"Maaf, file audio tidak ditemukan. Silakan periksa pengaturan.\");\n return;\n }\n\n \/\/ Hentikan semua audio lain yang sedang diputar\n document.querySelectorAll('audio').forEach(otherAudio => {\n if (otherAudio !== audio && !otherAudio.paused) {\n otherAudio.pause();\n otherAudio.currentTime = 0; \/\/ Kembalikan ke awal\n }\n });\n\n \/\/ Jika audio yang sama sedang diputar, hentikan dan mulai dari awal\n if (!audio.paused) {\n audio.pause();\n audio.currentTime = 0;\n }\n\n \/\/ Putar audio\n audio.play()\n .then(() => {\n console.log(`Audio '${audioId}' berhasil diputar.`);\n })\n .catch(error => {\n console.error(`Gagal memutar audio '${audioId}':`, error);\n \/\/ Tambahkan pesan yang lebih spesifik jika ini terjadi karena browser memblokir\n if (error.name === 'NotAllowedError' || error.name === 'AbortError') {\n alert(\"Browser mungkin memblokir pemutaran otomatis audio. Klik lagi atau izinkan pemutaran media.\");\n } else {\n alert(\"Maaf, gagal memutar audio. Pastikan file audio tersedia dan diizinkan browser.\");\n }\n });\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Informasi Koperasi Information – Mudhorobah Mutlaqoh? ▶ Mudharabah mutlaqah adalah akad kerja sama usaha antara pemilik modal (shahibul maal) dan pengelola dana (mudharib). Dalam akad ini, pemilik modal memberikan kebebasan penuh kepada pengelola untuk menentukan jenis usaha, lokasi, dan tata cara investasi tanpa batasan spesifik, asalkan tetap sesuai dengan prinsip syariah – Benarkah imbal hasilnya<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_rtcl_gb_attr":"","footnotes":""},"class_list":["post-2858","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/pages\/2858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/comments?post=2858"}],"version-history":[{"count":0,"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/pages\/2858\/revisions"}],"wp:attachment":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/media?parent=2858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}