0

Hello,

I have a div (#disclaimer) that has the css property of "display:none." The following jquery script is supposed to show it when the #test select option is clicked. The #quest,#comp,and #other divs are supposed to hide it again. It works fine in FF but does not work in IE. I have narrowed the reason down to the .click event on the select menu because it works fine on regular text. Does someone have any idea why?

$('#test').click(function() {
 $('#disclaimer').show('slow');
 return false;
  });

  $('#quest,#comp,#other').click(function() {
 $('#disclaimer').hide('fast');
 return false;
  });
});

Thanks a lot,
Aaron

Edited by Tekkno: n/a

2
Contributors
2
Replies
3
Views
6 Years
Discussion Span
Last Post by fobos
0

Here is something for your tool bag to use one element to show and hide content

$("#content").hide() // to hide the content onload
$("#text").toggle(function() {
    $("#content").show('slow')
}, function() {
    $("#content").hide('slow');
});

Edited by fobos: n/a

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.