css - jQuery UI button won't stay hidden in IE7 -

OK,

I have created a Twitter-style control panel, which will implement the filter And to sort a list, the code for this is:

This works closely with the following JS code:

  $ ("# orderPanelButton"). $ ("$ {" (Visible ")" {$ ("# drawer"). SlideUp (function () {$ (". SubDrawer"). Hide (); $ (" $ ("# Drawer"). SlideDown ();});} and {$ (". SubDrawer"). Hide (); $ ("# Order Drover"). Show () ; $ ("#drawar") Click the slide toggle ();}}); $ ("#PaintPanelButton") (function () (if ($ (". SubDrawer [id! = FilterDrawer]") (" : $ ("# Drawer"). SlideUp (function ($. (". SubDrawer"), Hide (); $ ("# filter drawer"). Show (); $ ("# Drawer "). SlideDown ();});} and {$ (". SubDrawer "). Resolve (); $ (" #f $ ("#Drawer") SlideTaggle ();}});  

And finally I have the jQuery UI button to shape the button Click here (function () {$ ("#filterForm"). Submit ();}); $ ("[Name = 'ApplyFilter'] "). Button ({icon: {primary: 'UI-icon -Aren -Arthith-1-e'}});

All these tested browsers (FF, Chrome, IE8), but not IE 7. There, when I hide the contents of #drawer with 'filter' in 'order' and essentially apply the slide, then an empty ghost of the flutter button is visible.

Anyone has come to know about why this happens and how can I get rid of this troubled small bug in IE 7 for my code?

[Update 22 / July / 10] I have got a temporary solution, but hopefully some more will be clearly visible on the basis of MSIE 7.0 PAP:

 $ (". SubDrawer [id! = '. $ DRAWER" DRAWER] ") Search ("button") .each (function () {$ (this). CSS ("display", "none");)); $ (". SubDrawer [id = '. $ Drawer.' Drawer]"). ("button"). Each (function () {$ (this) .css ("display", "");});  

Where the $ drawer = first part of sub drawer ID (filter / order).

Why have you already participated, which has been discussed:

< P> I also think "why" an IE7 non-standard CSS implementation

and