<p>అద్భుతమైన రోజులు అనేకం, అనంతమైన ప్రకృతి ఒకసారి కొత్తగా ఉంది.</p>
<p>ఎప్పుడు కూడా వాయువు మార్చబడింది, వాయువు సరికొత్త సంవత్సరం వాయువు కాగలదు.</p>
</div>
స్వయంగా ప్రయత్నించండి
默认情况下,可折叠内容是隐藏的。但是,您可以添加 .show
దాని ని డిఫాల్ట్ గా ప్రదర్శించే క్లాస్ ఉపయోగించండి:
ఉదాహరణ
<div id="demo" class="collapse show">
<p>అద్భుతమైన రోజులు అనేకం, అనంతమైన ప్రకృతి ఒకసారి కొత్తగా ఉంది.</p>
<p>ఎప్పుడు కూడా వాయువు మార్చబడింది, వాయువు సరికొత్త సంవత్సరం వాయువు కాగలదు.</p>
</div>
స్వయంగా ప్రయత్నించండి
అక్కడను (Accordion)
కార్డ్ కామ్పోనెంట్ను విస్తరించడం ద్వారా ఒక సాధారణ అక్కడను ప్రదర్శించండి.
పరిశీలనలు:ఉపయోగం data-bs-parent
పరిమితిలో ఒక సమాచారం ప్రదర్శించబడినప్పుడు, సూచించిన ప్రాతిపదికన అన్ని క్రింది క్రింది సమాచారాలను మూసివేస్తారు.
ఉదాహరణ
<div id="accordion">
<div class="card">
<div class="card-header">
<a class="btn" data-bs-toggle="collapse" href="#collapseOne">
క్రింది సమూహం #1
</a>
</div>
<div id="collapseOne" class="collapse show" data-bs-parent="#accordion">
<div class="card-body">
<h3>వసంతం</h3>
<p>అద్భుతమైన రోజులు అనేకం, అనంతమైన ప్రకృతి ఒకసారి కొత్తగా ఉంది.</p>
<p>ఎప్పుడు కూడా వాయువు మార్చబడింది, వాయువు సరికొత్త సంవత్సరం వాయువు కాగలదు.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<a class="collapsed btn" data-bs-toggle="collapse" href="#collapseTwo">
క్రింది సమూహం #2
</a>
</div>
<div id="collapseTwo" class="collapse" data-bs-parent="#accordion">
<div class="card-body">
<h3>వేసవి ముగింపు పద్యం</h3>
<p>పసుపు మరియు ఎరుపు రంగులు పండరేగు పూల కంటే పసుపుగా మారింది, బుగులు శబ్దంలో వేసవి కాలం కొత్తగా పుట్టింది.</p>
<p>కాలువల మధ్య కరువులు అంతా మనుగడ కాని, మొదట నేను శాంతిమయమైన ప్రజలు అని గ్రహించాను.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<a class="collapsed btn" data-bs-toggle="collapse" href="#collapseThree">
క్రింది సమూహం #3
</a>
</div>
<div id="collapseThree" class="collapse" data-bs-parent="#accordion">
<div class="card-body">
<h3>మల్లె పర్యటన</h3>
<p>దూరంగా చందర్లు చిరిగిన కోటలు అనేకం, ముందుకు సిగ్గున ఉన్న చోటు ఉంది.</p>
<p>మల్లెపూడి అందరికీ పరిణామం, స్కాల్డ్ లీవులు పండరేగు పూల కంటే ఎరుపుగా ఉంటాయి.</p>
</div>
</div>
</div>
</div>
స్వయంగా ప్రయత్నించండి