Jquery 以多部分形式覆盖块

我有一个包含三个部分的表单，标记如下所示：

div.section1
 legend
 fieldset
 button.continue

div.section2
 legend
 fieldset
 button.continue

div.section3
 legend
 fieldset
 button.continue

我希望在第2节和第3节上有一个白色覆盖，这样当用户仍在第1节时，它们会显示为“禁用”。完成第1节并单击“继续”后，将显示另一节

非常感谢

然后就这么做：）

将每个div嵌套在一个z索引为100、不透明度为0.3的“container div”中

//make all overlays opacity=0.3
$.each($("div.overlay"),function(i,val){ 
    $(this).css('opacity', 0.3);   
});

<div id="section1" class="overlay" style="z-index:100;" >
     <div id="YOURSECTION HERE"></div>
</div>
<div id="section2" class="overlay" style="z-index:100;" >
     <div id="YOURSECTION HERE"></div>
</div>
<div id="section3" class="overlay" style="z-index:100;" >
     <div id="YOURSECTION HERE"></div>
</div>

---

类似于：）

如果不想禁用旧部分，您不必禁用旧部分。我在想可能1）确定每个块的高度2）在每个块顶部添加一个不透明度的div 3）激活时禁用层？怎么样？在jQuery中我是如何做到的？再次感谢。在这种情况下，请阅读与您的确切问题相关的问题：）

function ChangeOverlay(oldOverlayID,newOverlayID)
{
    //disable old section
    $("#" + oldOverlayID).css('z-index') = 100;
    $("#" + oldOverlayID).css('opacity') = 0.3;
    //enable new section
    $("#" + newOverlayID).css('z-index') = -1;
    $("#" + newOverlayID).css('opacity') = 1;
}