我在内容中有两个标签:Comerciales - Legales
这些选项卡中的每一个都应显示文件列表,就像现在显示的那样。
我想让它在用户单击Legales时隐藏Comerciales选项卡的文件并且该选项卡变为活动状态(获取活动类并将其从Comerciales中删除)并仅显示属于 Legales 的文件。
我尝试过隐藏和淡入,但我无法将活动类放到当前选项卡中。有人可以帮我吗?
这是我的标记:
<ul class="pdf_documents clearfix">
<li class="active"><a href="javascript:void(0)">Comerciales</a></li>
<li><a href="javascript:void(0)">Legales</a></li>
</ul>
<div class="pdf_box">
<div class="pdf_file">
<img src="images/pdf.png" alt="pdf" width="70" height="70">
<p>Ficha Técnica</p>
</div>
<div class="pdf_file">
<img src="images/pdf.png" alt="pdf" width="70" height="70">
<p>Ficha Descriptiva</p>
</div>
<div class="pdf_file">
<img src="images/pdf.png" alt="pdf" width="70" height="70">
<p>Último informe</p>
</div>
<div class="pdf_file">
<img src="images/pdf.png" alt="pdf" width="70" height="70">
<p>Informes anteriores</p>
</div>
<div class="pdf_file">
<img src="images/pdf.png" alt="pdf" width="70" height="70">
<p>Folleto completo</p>
</div>
</div>