JSFiddle - React, Tailwind, and code Playground
by learningforever
HTML
<ul>
<li>
<a class="readmore">자세히 보기</a>
<div class="pop">나머지</div>
</li>
<li>
<a class="readmore">second div</a>
<div class="pop">this ts the text</div>
</li>
<li>
<a class="readmore">Third div</a>
<div class="pop">this ts the text</div>
</li>
<ul>
CSS
.pop {
display:none;
}
JavaScript
$(document).ready(function () {
$(".readmore").click(function () {
$(this).siblings(".pop").slideToggle();
return false;
});
});