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

nevermind I got it working.

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');
});
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.