如何在点击下拉列表时使用jQuery在URL的末尾添加一些内容？

Question

为了了解我所拥有的内容，我创建了下拉内容框，以便在点击某个下拉列表时，它会将隐藏内容向下滑动并使其可见。我一直想弄清楚的是，当我点击它时，我可以通过下拉菜单在URL的末尾添加一些内容，以便当您向其他人发送链接时，该特定下拉列表已经打开

这是我尝试过的Javascript / 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);
    }
});

这是HTML：

<div class="dropdown_wrapper">
   <h3 class="dropdown">Title of Dropdown<span></span></h3>
   <div class="hidden dropdown_content">
      <p>Content</p>
   </div>
</div>

我如何做到这一点？