为什么产品列表后面的那个按钮，第一个可以正常操作，第二个往后就没有反应了

如果设置了float。要清除浮动才可以点击的

是不是用的ID有重复，有重复ID的话，只会有第一个id选中的生效。

感觉可能是div1包含div2的原因，你把div2和div1并列试试

<div id="div1">
 <div id="div2">

就目前来看 你很可能 id重复了 ，换成class 或者更改id名称只要不重复就行

调试一下 ，第一：看你的div是否获取到了,第二：看你的点击事件是否有执行,第三：看你的类名是否重复或者类名没有添加到div上

换成class,这种不定项的不可能用ID做啊，太麻烦了。

 $("button").click(function(){
  $("div").toggleClass("main");
});