Expand the jQuery UI accordion panel upon focus

Hi there.

Is there a way to make jQuery accordion get expanded on focus.
so if end user press on Tab key and the accordion got focus then is expanded.
Please provide a jQuery sample.

Regards,
Ashraf.
studentashrafAsked:
Who is Participating?
 
RobOwner (Aidellio)Commented:
sorry my bad! the event is 'focusin'

see here: http://jsfiddle.net/dsrJD/3/
0
 
RobOwner (Aidellio)Commented:
Have a look here as it is one of the demos on the jquery site

http://jqueryui.com/demos/accordion/#mouseover
0
 
RobOwner (Aidellio)Commented:
it's as simple as specifying 'mouseover' as the event
<script>
	$(function() {
		$( "#accordion" ).accordion({
			event: "mouseover"
		});
	});
	</script>

Open in new window

0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
studentashrafAuthor Commented:
As i mentioned in my question, i need jQuery accordion get expanded on focus

Regards,
Ashraf
0
 
shivakanthbexpertCommented:
You need to merge below 2

http://jqueryui.com/demos/accordion/#mouseover

this script has the code for keyboard events
https://github.com/jeresig/jquery.hotkeys
0
 
studentashrafAuthor Commented:
Hi tagit
Your solution is Good,but not working on IE9
0
 
RobOwner (Aidellio)Commented:
Does the functionality on this page help?  The accordion is quite limited in this respect

http://lab.dotjay.co.uk/tests/jquery-ui-accordion-keyboard-accessibility/
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.