博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
aria-expanded
阅读量:7050 次
发布时间:2019-06-28

本文共 2088 字,大约阅读时间需要 6 分钟。

hot3.png

function expand(ele){

            $('#'+ele).focus(function() {
                /* Act on the event */
                $(this).siblings().removeClass('hover');
                $(this).siblings().find('.cates').attr('class', 'cates');
                $(this).siblings().find('.cates').css('height', '');
            });
        }

οnfοcus="$(this).siblings().removeClass('hover');"
 

 

 

<div role="tab" aria-expanded="false"   tabindex="0" id='aa'>dsfsdfsdf</div>

    <div role="tab" aria-expanded="false"   tabindex="0" id='bb'>dsfsdfsdf</div>
    <div role="tab" aria-expanded="false"   tabindex="0" id='cc'>dsfsdfsdf</div>
    <div role="tab" aria-expanded="false"   tabindex="0" id='dd'>dsfsdfsdf</div>

function expand(id){

        var bool=$("#"+id).attr('aria-expanded');
            $('#'+id).click(function(event) {
            bool=!bool;
                $("#"+id).attr('aria-expanded',bool);
            window.οnkeydοwn=function(event) {
            event=event||window.event;
            if(event.keyCode==13){
            bool=!bool;
            $("#"+id).attr('aria-expanded',bool);
           }
        };
        });
    }

    expand('aa');

    expand('bb');
    expand('cc');
    expand('dd');

 

<div role="tab" aria-expanded="false" tabindex="0" id="aa" οnkeydοwn="if(event.keyCode==13)this.click(var bool=$(this).attr('aria-expanded');bool=!bool;$(this).attr('aria-expanded','bool'));">

<h4>USA to Thailand</h4>
<p><b>From</b>$605</p>
</div>

 

<div role="tab" aria-expanded="true" tabindex="0" id="aa" οnkeydοwn="if(event.keyCode==13)this.click($(this).attr('aria-expanded','true'));">

<h4>USA to Thailand</h4>
<p><b>From</b>$605</p>
</div>

 

 

 

function expand(event, id) {

    event = event || window.event;
    if (event.keyCode == 13||event.which==13) {
        var bool = $("#" + id).attr('aria-expanded');
        if (bool == 'true') {
            $("#" + id).attr('aria-expanded', false);
        } else {
            $("#" + id).attr('aria-expanded', true);
        }
        $("#" + id).click();
    }
}
var tab = '';

function expandtab(event, id) {

    if (tab == id) {
        return;
    } else {
        event = event || window.event;
        if (event.keyCode == 13||event.which==13) {
            if (tab != '') {
                $("#" + tab).attr('aria-expanded', false);
            }
            $("#" + id).attr('aria-expanded', true);
            $("#" + id).click();
            tab = id;
        }
    }
}
οnkeydοwn="expand(event,'thailand')"

οnkeydοwn="expandtab(event,'baggage')"

转载于:https://my.oschina.net/u/3150996/blog/860260

你可能感兴趣的文章
深入理解Java中的IO
查看>>
1.10-PCB库的管理应用
查看>>
字母索引网页
查看>>
[洛谷P4779]【模板】单源最短路径(标准版)
查看>>
ASP.NET 4.x Web Api Odata v4 backend modify query 修改查询
查看>>
C++ 关联容器
查看>>
jmeter集合
查看>>
年学习进度简记【2012】
查看>>
KOA 学习(六)superAgent
查看>>
UVA_11732_“strcmp()” Anyone?
查看>>
AppStore新应用上传指南
查看>>
点击HTML页面问号出现提示框
查看>>
[LINQ2Dapper]最完整Dapper To Linq框架(四)---Linq和SQL并行使用
查看>>
有意思的代码:控制台输出贪吃蛇游戏
查看>>
CF848C:Goodbye Souvenir(CDQ分治)
查看>>
linux系统查看IP地址,不显示IP地址或者只显示127.0.0.1
查看>>
javascript之闭包,递归,深拷贝
查看>>
20165315 实验一 Java开发环境的熟悉
查看>>
BZOJ 1006: [HNOI2008]神奇的国度
查看>>
PHP+mysql系统报错:PHP message: PHP Warning: Unknown: Failed to write session data (files)
查看>>