如何在隐藏显示函数上使用jQuery设置if else

时间:2017-11-15 08:02:27

标签: javascript jquery

我有一个简单的jQuery切换按钮,但我不想使用toggleslide。如果它已加载主页,则必须打开div并有一个要隐藏的按钮。 但如果它被加载另一页,div必须关闭并有按钮显示 HEre是两个代码,不起作用。我尝试在HTML中将它们一起添加但不起作用

主页:

$(document).ready(function(){
   $("#flip").click(function(){
    if(window.location.href == 'http://homepage/')
       $("#panel").hide("fast");
   }); 
});

换另一页:

$(document).ready(function(){
   $("#flip").click(function(){
    if(window.location.href != 'http://homepage/')
       $("#panel").show("fast");
   }); 
});

1 个答案:

答案 0 :(得分:0)

这就是你想要的。我正在接受输入只是为了向您展示一个演示。

var x = prompt("Whichpage is this ? ");
$(document).ready(function(){
  if(x == 'http://homepage/')
    $("#panel").show("fast");
  else
    $("#panel").hide("fast");
});

$("#flip").click(function(){
  $("#panel").toggle("fast");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="panel">I am a panel</div>
<button id="flip">Flip</button>

对于您的情况,只需设置var x = window.location.href

即可