jQuery – 第二次点击时的不同function

我正在尝试创建一个窗帘打开和关闭效果。 但出于某种原因，一旦打开我就不能让我的窗帘关闭。

这是我到目前为止所拥有的： http ： //jsfiddle.net/ssc3z1tf/

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

$(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)将仅返回值

更新小提琴