aria-expanded
2017-03-15 00:00
323 查看
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', '');
});
}
onfocus="$(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.onkeydown=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" onkeydown="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" onkeydown="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;
}
}
}
onkeydown="expand(event,'thailand')"
onkeydown="expandtab(event,'baggage')"
$('#'+ele).focus(function() {
/* Act on the event */
$(this).siblings().removeClass('hover');
$(this).siblings().find('.cates').attr('class', 'cates');
$(this).siblings().find('.cates').css('height', '');
});
}
onfocus="$(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.onkeydown=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" onkeydown="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" onkeydown="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;
}
}
}
onkeydown="expand(event,'thailand')"
onkeydown="expandtab(event,'baggage')"
相关文章推荐
- aria-expanded ;aria-hidden;data-target;data-toggle
- 强大jQuery ui.ariaSorTable实现排序、分页的表格
- 精图规范1.0----展开目录Expanded Table of Contents
- Bootstrap的aria-label和aria-labelledby
- 先锋机器人学习笔记_1-5 Aria 编程基础
- ARIA
- Cannot set web app root system property when WAR file is not expanded
- How to force the grid to have one master row always expanded
- W3C发布WAI-ARIA 1.0正式推荐标准 增强开放万维网平台可访问性
- 详解Bootstrap的aria-label和aria-labelledby应用
- aria动态显示说明
- Bootstrap的aria-label和aria-labelledby
- HTML5中的aria-*作用和功能
- Ext 4 概述(四)之 ARIA、Data、Draw、Fx
- DevExpress NavBarControl控件鼠标左键单击Group实现Expanded(NavBarGroup触发展开或者折叠事件?)
- 详解Bootstrap的aria-label和aria-labelledby应用
- aria链接跳转和文本说明问题
- 如何一次性永久地在VS中配置aria环境
- Aria Sounds Aurora Choir for Mac(KONTAKT音色库:极光合唱团 ) V1.0破解版
- 关于CDMF,RIPEMD,HOTP,CAST-128,ARIA,SkipJack,ECDSA,BlowFish,TwoFish,OATP,ECDH算法