我在页面上有一系列图像上传按钮，它们会在页面加载时使页面混乱。我想要做的是隐藏除了第一个之外的所有内容，然后点击＆＃34;上传＆＃34;按钮，下一个上传表单显示。
我目前的jQuery代码是：
jQuery( '.product-option:not(:first)' ).addClass( "hidden" );
jQuery( '.image-upload' ).click(function(){
jQuery( '.product-option' ).next().removeClass( "hidden" );
});
现在隐藏除了第一个以外的所有功能正常工作。如果我将它放在除实际按钮之外的任何元素上，则单击功能可以正常工作。当我把它放在按钮上时，它不起作用。此外，如果我尝试将其放在一般div或表单上，则点击区域不会覆盖整个表单，只是div的顶部。即使我设置overflow：hidden。
，这也适用我认为它必须与默认行为有关，但我不确定。有没有人有任何想法？