Question

我有一个简单的jquery脚本来显示和隐藏div块：

<script type="text/javascript">'
    $(document).ready(function(){    
        $(".slidingDiv").hide();
        $('.show_hide').click(function(){
            $(".slidingDiv").slideToggle();
        }); 
    });
</script>

<a class="show_hide" href="#">Show/hide</a>
<div name="gohere" class="slidingDiv">
   ...
</div>

它运行正常，但如果网址包含#gohere，我想自动显示此div并仅在点击.show_hide时隐藏它。

Answer 1

将divs ID设置为gohere，然后您可以执行以下操作：

$('.show_hide').click(function(){
    $($(this).attr('href')).slideToggle();
});

由于您的href属性将包含#gohere，因此slidetoggle的选择器最终将为#gohere，这将与您的div ID相关联。

编辑：对于问题的第一部分，您可以从window.location.hash获取当前哈希标记。

if (window.location.hash.length > 0) {
    $(window.location.hash).show();
}

你应该在那里做一些更好的错误检查，但它应该有效。

Jquery显示url是否包含

1 个答案: