关于JS的问题
正在做一个静态的电商菜单网页,每一个商品都可以点开滑动显示详细信息,我现在做的是每一个商品都需要添加三段语句$(document).ready(function(){
$(".T恤1").click(function(){
$(".T恤1message").slideToggle("slow");
});
});
div.T恤1message
{
}
div.T恤1message
{
margin: 0px;
padding: 5px;
text-align: center;
border: solid 1px;
width: 200px;
display: none;
background: #808080;
}
<img src="T恤1.jpg" class="T恤1">
<br/>
<div class="T恤1message">
<ul type="Circle">
<li>价格:¥49.90</li>
<li>已售:249件</li>
<li>可选颜色:黑白,白紫</li>
<li>可选型号:S,M,L,XS</li>
</ul>
</div>
请问有没有办法可以简略一点,希望可以增加可维护性,拓展商品的时候方便一点,还有第二段语句里面为什么第一个空语句不能少