Question

我正在努力创造一个开幕式＆amp; amp;结束效果。但由于某种原因，一旦打开我就不能让我的窗帘关闭。

以下是我目前的情况： http://jsfiddle.net/ssc3z1tf/

我尝试了很多不同的方法，添加和删除类，切换类，这里我使用了rel。

$(document).ready(function () {
             $('.curtain').click(function(){
                if ($('.curtain').attr('rel', 'open')){
                        $('.curtainLeft').animate({"left":"-400px"}, "slow");
                        $('.curtainRight').animate({"right":"-400px"}, "slow");
                        $('.curtain').attr('rel', 'closed');

                    } else if ($('.curtain').attr('rel', 'closed')){

                        $('.curtainLeft').animate({"left":"-0px"}, "slow");
                        $('.curtainRight').animate({"right":"-0px"}, "slow");
                        $('.curtain').attr('rel', 'open');
                    }
            });
        });

任何帮助都会很棒！我迷路了！谢谢！

Answer 1

更改

if ($('.curtain').attr('rel', 'open')){

到

if ($('.curtain').attr('rel') == 'open') {

对第二个if语句也这样做。 .attr(name, value)将始终将属性设置为指定值，而.attr(name)将只返回值

Updated Fiddle

jQuery - 第二次点击时的不同功能

1 个答案: