الگو:پاسخ تاشو: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

نسخهٔ ‏۷ فوریهٔ ۲۰۲۶، ساعت ۱۲:۱۵

سؤال

{{{سوال}}}

{{{پاسخ}}}

@@ خط ۱: / خط ۱: @@
 <templatestyles src="پاسخ تاشو/styles.css" />
-<div class="question" style="background: #f6fff7; margin-bottom: 1em; border: 1px #94f7a1 solid; border-radius: 5px; padding: 0px;" onclick="toggleAnswer(this)">
+<div class="question" style="background: #f6fff7; margin-bottom: 1em; border: 1px #94f7a1 solid; border-radius: 5px; padding: 0px;">
 <div style="font-size: 22px; font-weight: bold; margin-top: 15px; margin-right: 15px">سؤال</div>
 <div style="margin: 15px">
@@ خط ۷: / خط ۷: @@
 </div>
-<div class="answer" onclick="toggleAnswer(this.previousElementSibling)">
+<div class="answer">
 {{{پاسخ}}}
 </div><html>
-<script>
+    <script>
-         function toggleAnswer(questionElement) {
+         document.addEventListener('DOMContentLoaded', function() {
-             const answer = questionElement.nextElementSibling;
+             const questions = document.querySelectorAll('.question');
-             const question = questionElement;
+             const answers = document.querySelectorAll('.answer');
-             question.classList.toggle('active');
+             questions.forEach((question, index) => {
-             answer.classList.toggle('expanded');
+                question.addEventListener('click', function() {
-         }
+                    this.classList.toggle('active');
-</script>
+                    answers[index].classList.toggle('expanded');
+                });
+            });
+             answers.forEach((answer, index) => {
+                answer.addEventListener('click', function() {
+                    questions[index].classList.toggle('active');
+                    this.classList.toggle('expanded');
+                });
+            });
+         });
+    </script>
 </html>