SoFunction
Updated on 2025-03-08

A packaged js code ------Expand and collapsed effect example


$(function(){
show_obj('.slide_show','.slide_show a','.p-silde');
})
html code:
<ul>
<li>
<div class="clearfix slide_show"><span style="float:left">I have a list</span><a style="float:right">+</a></div>
<p class="p-silde" style="display:none">
<a href="#">List 1</a>
<a href="#">List 2</a>
<a href="#">List 3</a>
</p>
</li>
<li>
<div class="clearfix slide_show"><span style="float:left">I have a list</span><a style="float:right">+</a></div>
<p class="p-silde" style="display:none">
<a href="#">List 1</a>
<a href="#">List 2</a>
<a href="#">List 3</a>
</p>
</li>
<li>
<div class="clearfix slide_show"><span>I don't have a list</span></div>
</li>
</ul>