Question

我只想制作主要徽标opacity 0，而我在此处使用的脚本仅为fadeToggle，当我单击该脚本时，所有内容都会显示出来。

<script>
        $(document).ready(function(){
            $('.menu-trigger').click(function(){
                $('.logosp').fadeToggle();
            });
        });
</script>

Answer 1

您可以使用.fadeTo（）方法。

$(document).ready(function(){
$(".menu-trigger").click(function(){
$(".logosp").fadeTo(1000, 0.4);
});
});

第一个参数确定动画将运行多长时间，第二个参数是介于0和1之间的数字，表示目标不透明度。

Answer 2

然后，您应该执行以下操作，而不要使用fadeToggle：

$('.logosp').css({opacity: 0});

编辑应用户要求：

然后，您应该根据其当前值更改不透明度：

$('.logosp').css({opacity: $('.logosp').css('opacity') == 0 ? 1 : 0 })

如果您不关心元素变为不可见时所允许的“位置”，那么您应该考虑做一下：

$('.logosp').toggle(0);

jQuery菜单将徽标不透明度切换为零

2 个答案: