正在做一个静态的电商菜单网页，每一个商品都可以点开滑动显示详细信息，我现在做的是每一个商品都需要添加三段语句
$(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>
请问有没有办法可以简略一点，希望可以增加可维护性，拓展商品的时候方便一点，还有第二段语句里面为什么第一个空语句不能少

我之前尝试用Image数组来装图片，感觉这样用一个循环就行了，但是用了对象之后不知道是赋值的问题还是输出语句的问题，图片一直显示不出来

之前是定义了高度的，但是由于不同的div内容不同，需要的高度不同，就把那个语句删了

不是循环的问题，可能是我输出图片的语句有问题，因为是参加学校一个面试需要做一个网页，之前没做过，昨天才开始看JS，所以有的语句可能不准确。我之前用的
var x=new Image();
x.src="T恤1.jpg";
docunment.write("<img src=x.src>");
不知道这个语句有没有问题，百度上也没找到合适的例子

问题解决了，谢谢了