الگو:پرسش و پاسخ

<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>پرسش و پاسخ ساده جمع شونده</title>
<style>
/* استایل‌های ساده برای بخش پرسش و پاسخ */
.faq-item {
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 5px;
overflow: hidden;
}

.faq-question {
padding: 10px;
background-color: #3C4868;
color: white;
cursor: pointer;
font-weight: bold;
}

.faq-answer {
display: none;
padding: 10px;
back ground-color: #1abc9c;
color: #333;
}
</style>

</head> <body>

سوال ۱

پاسخ ۱

{{#if: |

<script>
function toggleAnswer(element) {
const answer = element.nextElementSibling;
answer.style.display = (answer.style.display === "block") ? "none" : "block";
}
</script>