jquery 点击超链接展示/隐藏模板(备忘)

最新推荐文章于 2022-01-10 16:32:23 发布

最新推荐文章于 2022-01-10 16:32:23 发布 · 386 阅读

文章标签：

#jquery #href #show/hide #click #ViewUI

js 专栏收录该内容

2 篇文章

订阅专栏

本文提供了一种实现网页内href锚记展示与隐藏文本模块的方法，通过追踪URL锚点变更来触发操作，适用于支持HTML5的浏览器。

摸索了半天,总算是折腾出来了.

实现:网页内href锚记展示/隐藏文本模块

详细见这里:[url]http://jsfiddle.net/icaoyuan/7ysdF/[/url]

---------
原来还有更强大的,直接追踪url锚的变更来触发,不过对浏览器有要求(最好是能支持html5)


$(document).ready(function () {
    $("div.box").hide();
    function ttshow() {
        var name=window.location.hash;
        if (name){
        $div = $("div".concat(name));
        div.show();
        $("div.box").not($div).hide();
        }
        else{$("#log-tabs").show();}
     }
     window.onhashchange = ttshow;
     ttshow();
});