Twitter Bootstrap and Prototype: How to fix Bootstraps problems.

gistfile1.txt

jQuery(document).ready( function() {
	var isBootstrapEvent = false;
	if (window.jQuery) {
		var all = jQuery('*');
		jQuery.each(['hide.bs.dropdown',
			'hide.bs.collapse',
			'hide.bs.modal',
			'hide.bs.tooltip',
			'hide.bs.popover'], function(index, eventName) {
			all.on(eventName, function( event ) {
				isBootstrapEvent = true;
			});
		});
	}
	var originalHide = Element.hide;
	Element.addMethods({
		hide: function(element) {
			if(isBootstrapEvent) {
				isBootstrapEvent = false;
				return element;
			}
			return originalHide(element);
		}
	});
});

Hi thanks a lot for this.
I implemented this and it worked for me for some but not when it is with jquery ui. Kindly check this page

http://usefaith.voiedusucces.net/adminlte/

and click on the left menu and u will see that some of the Icon disappear. I will really appreciate if you can help me out with this. Thanks