Jquery UI滑块，用于更改两个不同元素的值

我有一组jquery滑块设置，可以更改图像不同层的不透明度。我正试图弄清楚如何使用它，这样一个滑块将改变两个div的不透明度，但方向相反。因此，当一个值移向0%时，另一个值移向100%

我将其设置为这样，但我不确定如何修改它：

$('#slider3').slider({ 
    min: 0, 
    max: 1, 
    step: 0.01, 
    value: 1,
    orientation: "horizontal",
    slide: function(e,ui){
                 $('#nebula').css('opacity', ui.value)

         }                
    });

---

非常感谢所有能帮助我的人。

听起来你只需要对其他图像使用

1-ui.value

。例如，如果您的另一个图像的id为

inverse

：

$('#slider3').slider({ 
    min: 0, 
    max: 1, 
    step: 0.01, 
    value: 1,
    orientation: "horizontal",
    slide: function(e,ui){
        var val = ui.value;
        $('#nebula').css('opacity', val);
        $('#inverse').css('opacity', 1 - val);
    }                
});

---

哇，这正是我想要的，太棒了，这么简单。基本上是我以前的方式，我只能让事情朝一个方向发展。非常感谢。@loriensleafs太棒了！不客气！如果您愿意将此答案标记为正确，我将稍微整理一下我的答案：）