Fixing a usability bug where options would be hidden from view, but still would be tabbed through

when navigating with the keyboard.
Following ideas and suggestions by Greg Rosmaita, Gez Lemon, Patrick Lauke.
http://lists.w3.org/Archives/Public/wai-xtech/2007Aug/thread.html#msg76

1 files changed, 4 insertions, 0 deletions

diff --git a/htdocs/scripts/w3c-validator.js b/htdocs/scripts/w3c-validator.js
index 2fde18d..ccf9f12 100644
--- a/htdocs/scripts/w3c-validator.js
+++ b/htdocs/scripts/w3c-validator.js
@@ -41,6 +41,9 @@ var W3C = {
 				if (this.element.getStyle('margin-top').toInt() == 0){
 					this.wrapper.setStyle('height', 'auto');
 				}
+				else {
+				  this.element.setStyle('display','none');  // if a slideOut completed, set display:none
+				}
 			});
 		});
 		
@@ -54,6 +57,7 @@ var W3C = {
 			var option = W3C.Options[i];
 			var link = legend.getFirst();
 			link.addEvent('click', function(event){
+			  option.setStyle('display', 'block'); // before any slide effect, set display:block
 				var block = (option.getStyle('margin-top').toInt() == 0);
 				W3C.setHash((block) ? pid : pid + opt);
 				new Event(event).stop();