Jquery 如何切换使用滚动（功能）的元素？

我有一个元素设置为当用户在浏览器窗口中向下滚动时消失。我还希望该元素在单击另一个元素时切换其可见性

以下是我所拥有的，但“可见/不可见”切换不起作用：

jQuery(document).ready(function() {
    $(window).scroll(function() {
        $(".product-down-scroll").css("opacity", 1 - $(window).scrollTop() / 250);
    });

    $('.pricing-tab').click(function() {
        $('.product-down-scroll').toggle();
    });
});

html:

定价
洛雷姆·伊普苏姆·多洛尔·斯阿梅特

如何做到这一点？

代码

$('.pricing-tab').click(function(){
  $('.product-down-scroll').toggle();
});  

将

单击

事件绑定到元素

。由于该

没有任何内容，因此它的

高度
为
0
，无法单击

建议使用
元素切换
元素。
切换（）
不会更改元素的不透明度，它会取消/设置
显示：无。
不应使用
toggle（）
而应将不透明度设置回1

$('.pricing-tab').click(function(){
  $('.product-down-scroll').css('opacity',1);
});  

这似乎有效：

$("label[for='tab']").click(function(){
$('.product-down-scroll').toggle();
});  

但是，如何通过指定仅影响.pricing选项卡选择器中的标签来获得更具体的信息？
如果没有，我们将无法调试此问题。我添加了一些新信息HI！谢谢你的回复。定价选项卡div实际上不是空的。当手风琴折叠时，里面的内容是可见的。尝试了这个。.product向下滚动不受单击功能的影响。所以基本上什么也没发生…@mmhnyc1220抱歉，但也许我只是不明白，你想要实现什么。这是一个可行的办法：我认为问题在于，当点击div的其余部分时，代码起作用了，而不是点击文本“Pricing”本身。我认为这是因为div中的label for=“tab”’没什么大不了的，你可以简单地将你的点击处理程序绑定到标签上，而不是
。pricing tab
本身。如果我想更具体一些，只将处理程序绑定到.pricing tab选择器上，这可能吗？
$("label[for='tab']").click(function(){
$('.product-down-scroll').toggle();
});