有条件地显示/隐藏div

Question

如果网址包含#people substring

，如何在正文中显示此div

网址

www.example.com/user=?232343_ads234324#people

div

<div id="div1" class="seperate"></div>

Answer 1

试试这个

  var url = document.location.toString();

  if (url.match('#people')) {
  $('#div1').show();
  }
  else {
  $('#div1').hide();
  }

Answer 2

这样的东西？

if(window.location.hash != "#people") {
    $("#div1").hide();
}

Answer 3

您可以使用toggle()，如果网址由#people组成，则显示#div1，否则隐藏。

$('#div1').toggle(window.location.href.indexOf('#people') > -1);

Answer 4

假设元素在开头隐藏：

if (window.location.hash === "#people") {
    $("#div1").show();
}

但是，如果你不了解州，根据documentation：

$("#div1").toggle(window.location.hash === "#people");

如果您还希望使用div之类的其他哈希显示和隐藏此#allThePeople，我建议：

$("#div1").toggle(new RegExp("people", 'i').test(window.location.hash));
// element.visibility (if you can find 'People' in current page URL)