الگو:پرسش و پاسخ: تفاوت میان نسخهها
Nazarzadeh (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Nazarzadeh (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<head> | <head> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
| خط ۳۲: | خط ۳۱: | ||
<div class="faq-item"> | <div class="faq-item"> | ||
<div class="faq-question" onclick="toggleAnswer(this)"> | <div class="faq-question" onclick="toggleAnswer(this)">{{{1|سوال ۱}}}</div> | ||
<div class="faq-answer"> | <div class="faq-answer">{{{2|پاسخ ۱}}}</div> | ||
</div> | </div> | ||
{{#if: {{{3|}}}| | |||
<div class="faq-item"> | |||
<div class="faq-question" onclick="toggleAnswer(this)">{{{3|}}}</div> | |||
<div class="faq-answer">{{{4|}}}</div> | |||
</div> | |||
{{#if: {{{5|}}}| | |||
<div class="faq-item"> | |||
<div class="faq-question" onclick="toggleAnswer(this)">{{{5|}}}</div> | |||
<div class="faq-answer">{{{6|}}}</div> | |||
</div> | |||
{{#if: {{{7|}}}| | |||
<div class="faq-item"> | |||
<div class="faq-question" onclick="toggleAnswer(this)">{{{7|}}}</div> | |||
<div class="faq-answer">{{{8|}}}</div> | |||
</div> | |||
{{#if: {{{9|}}}| | |||
<div class="faq-item"> | <div class="faq-item"> | ||
<div class="faq-question" onclick="toggleAnswer(this)"> | <div class="faq-question" onclick="toggleAnswer(this)">{{{9|}}}</div> | ||
<div class="faq-answer"> | <div class="faq-answer">{{{10|}}}</div> | ||
</div> | </div> | ||
<script> | <script> | ||
function toggleAnswer(element) { | function toggleAnswer(element) { | ||
| خط ۴۷: | خط ۶۰: | ||
} | } | ||
</script> | </script> | ||
نسخهٔ ۷ دسامبر ۲۰۲۴، ساعت ۰۸:۴۳
<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: |
{{#if: |
{{#if: |
{{#if: |
<script>
function toggleAnswer(element) {
const answer = element.nextElementSibling;
answer.style.display = (answer.style.display === "block") ? "none" : "block";
}
</script>