您的位置:首页 > 其它

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')"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Aria