Question

我想要一个隐藏内容创建的下拉列表，如果有人在最后找到一个带锚点的网址，则打开并暴露自己。

例如，如果有人向＆＃34; domainname.com/page#!contentwindow1 ＆＃34;

发送了一个网址

我还希望该特定下拉列表能够自动打开而无需单击它。

到目前为止，这是我的代码......

HTML：

<div class="dropdown_wrapper">
   <a href="#!window1" id="window1" class="dropdown">Title 1</a>
   <div class="hidden dropdown_content">
      <p>Hidden Content for window 1</p>
   </div>
</div>
<div class="dropdown_wrapper">
   <a href="#!window2" id="window2" class="dropdown">Title 2</a>
   <div class="hidden dropdown_content">
      <p>Hidden Content for window 2</p>
   </div>
</div>

jQuery的：

$('.dropdown').click(function(){
    if($(this).hasClass('active')){
        $(this).removeClass('active');
        $(this).next('.dropdown_content').slideUp(300);
    }else{
        $(this).addClass('active');
        $(this).next('.dropdown_content').slideDown(300);
    }
});

点击其中一个窗口后，网址会获得<a>标记中包含的 href ，并打开使用jQuery隐藏的内容。

问题：当我将此网址分享给其他人时，如果页面加载后它会自动或已经打开，我该怎么做？

Answer 1

在准备好文档时，您可以检查网址是否包含您想要的内容，让我们说“＃34; yourstring＆＃34;：

$(function() { 
    if(window.location.hash.substring(1) == "yourstring"){
        //do your thing
    }
});

然后，如果它出现在网址上，您将获得该内容并通过其href属性搜索下拉列表。当您有下拉列表时，您只需要添加该类＆＃39;活动＆＃39;，然后向下滑动它旁边的dropdown_content。

查找了如何获取锚值：How to get the anchor from the URL using jQuery?

使用唯一网址

1 个答案: