chanveil Posted January 27, 2011 Share Posted January 27, 2011 I'm trying to make a div that is hidden at the top of a page until you click support, and then it slides out. I've got this working fine in FF, but in IE it's really choppy. I don't really have any idea why other than the fact that it's the way IE handles JS. Does anyone have any thoughts on how I can go about trouble shooting this? Link to comment Share on other sites More sharing options...
thescientist Posted January 27, 2011 Share Posted January 27, 2011 code? Are there errors on the page? Link to comment Share on other sites More sharing options...
antonio.cassano Posted October 21, 2011 Share Posted October 21, 2011 when i try the slideToogle function on IE8 (see the code below) it flashes when the div.panel hides.. how can i solve this issue ? <html><head><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){$(".flip").click(function(){ $(".panel").slideToggle("slow"); });});</script><style type="text/css">div.panel,p.flip{margin:0px;padding:5px;text-align:center;background:#e5eecc;border:solid 1px #c3c3c3;}div.panel{height:120px;display:none;}</style></head><body><p class="flip">Show/Hide Panel</p><div class="panel"><p>Because time is valuable, we deliver quick and easy learning.</p><p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p></div></body></html> Link to comment Share on other sites More sharing options...
dsonesuk Posted October 21, 2011 Share Posted October 21, 2011 I suggest you use a doctype as in <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script><script type="text/javascript"><!--//$(document).ready(function(){$(".flip").click(function(){ $(".panel").slideToggle("slow"); });});//--></script><style type="text/css">div.panel,p.flip{margin:0px;padding:5px;text-align:center;background:#e5eecc;border:solid 1px #c3c3c3;}div.panel{height:120px;display:none;}</style></head><body><p class="flip">Show/Hide Panel</p><div class="panel"><p>Because time is valuable, we deliver quick and easy learning.</p><p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p></div></body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.