Cuestión : Jquery previene el foco cuando está chascado

Hola estoy intentando escribir un accesible el menú de persiana y estoy fallando en el primer hurdle.

I que lucha con un foco y chasco acontecimiento; al intentar conseguirlos para trabajar en concierto apenas no jugarán agradable. La idea es que si un usuario chasca o las lengüetas sobre este menú que se amplía. ¿El problema es que el foco causa ediciones con el acontecimiento del tecleo y termina para arriba despedir hacia arriba y hacia abajo. el

Could que alguien satisface mira el código atado y cualquiera me dice qué estoy haciendo mal o sugiere una manera diferente que el menú se pueda hacer teclado accesible?

Many thanks

Chris class= > " claro " del
> del " codeSnippet " del class= del
class= " lineNumbers " del
class= del 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
¡>< notpretty " del class= " del id= " codeSnippet810054 del 
xmlns= " http://www.w3.org/1999/xhtml " del 

Contenido-Tipo " texto/HTML del http-equiv= " del 
Document Untitled
type= " texto/css " del <style >
UL {
	margen: 0;
	acolchado: 0;
}
</style>
del Javascript del type= del <script src= " jquery-1.4.1.min.js " ></script> del " texto/"
type= " texto/Javascript " del <script >
	jQuery (documento) .ready (función () {


		caja de herramientas del var = $ (“#toolBox”);
		toolBoxTrigger del var = $ (“#toolBox .toolBoxTrigger”);
		toolBoxAccordion del var = $ (“#toolBoxAccordion”);

		toolBoxAccordion.hide ();

		setToolBoxEvents (caja de herramientas, toolBoxTrigger, toolBoxAccordion);

	});
	
		setToolBoxEvents de la función (caja de herramientas, toolBoxTrigger, toolBoxAccordion) {
			toolBoxTrigger.click (función () {
			
				$ (éste) .unbind (“tecleo”) .unbind (“foco”);

				si (toolBoxAccordion.not (“: visible”)) {
					openToolBox (caja de herramientas, toolBoxTrigger, toolBoxAccordion);
				}
				falso de vuelta;
			});
			toolBoxTrigger.focus (función () {
			
				$ (éste) .unbind (“tecleo”) .unbind (“foco”);
				
				si (toolBoxAccordion.not (“: visible”)) {
					openToolBox (caja de herramientas, toolBoxTrigger, toolBoxAccordion);
				}
				falso de vuelta;
			});
		}
			
		openToolBox de la función (caja de herramientas, toolBoxTrigger, toolBoxAccordion) {
			toolBoxAccordion.slideDown (“rápido”);
			jQuery (documento) .click (función (e) {
				closeToolBox (caja de herramientas, toolBoxTrigger, toolBoxAccordion);
				e.stopPropagation ();
			});
		}
		closeToolBox de la función (caja de herramientas, toolBoxTrigger, toolBoxAccordion) {
			toolBoxAccordion.slideUp (“rápido”);
			
			setToolBoxEvents (caja de herramientas, toolBoxTrigger, toolBoxAccordion);

			jQuery (documento) .unbind (“tecleo”);
			falso de vuelta;
		}
</script>

</head>
<body>

class= " caja de herramientas " de la " caja de herramientas " del id= del <div >
	href= del <a " # " class= " toolBoxTrigger " ><span>Tools</span></a>
	class= " toolBoxAccordion " del " toolBoxAccordion " del id= del <ul >
		<li>
			<a href="">Test</a>
			<a href="">Test</a>
			<a href="">Test</a>
			<a href="">Test</a>
			<a href="">Test</a>	
		</li>
	</ul>
</div>
</body>
</html>
</pre>
           </td>
         </tr>
       </table></div>
</div>
   
class= del <div " claro " ></span></h4>
</td>
</tr>
  <tr><td height="2px"></td></tr> 
  
  <tr style="background-color:#f2f4f6"><td >
<h2 style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:red;font-weight:bold">
<span id="ContentPlaceHolder1_tieude_as">Respuesta : Jquery previene el foco cuando está chascado</span>
</h2></td></tr>
  <tr>
<td valign="top"> 
<h5><span id="ContentPlaceHolder1_ans" style="font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:normal;color:#000000"> 
<div><div class="richText">
Pienso que esto lo tiene - he ejecutado la grabación de la fecha, donde el acontecimiento del tecleo compruebo cuánto tiempo hace el acontecimiento pasado del foco estaba. Si era entonces un .5 segundo más largos, después ejecuto el tecleo, si no no hago caso de él.</div></div> <!-- text-ad & richText -->
                      <span class="isBotVideo"></span> <div class="codeSnippet">
                       <table>
         <tr>
           <td class="lineNumbers">
             <pre>
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
</pre>
           </td>
           <td class="codeBody">
             <pre id="codeSnippet810857" class="notpretty"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<title>Documento sin título

Otras soluciones  
 
programming4us programming4us