This plugin is good in IE8 and Chrome. But in IE7 display invalid and have no effect. In theory, jQuery is compatible with all browser. So I do not know where it went wrong.

Hope to acquire your help, thank you.

(function( $ ){

$.fn.testIEDialog = function(options) {
	this.click(function(){alert('Test Dialog');return false;});
	
}


function getUrl(url){
	var urlTab = url.split(";");
	var html = '';
	var current = ' class="current"';
	$.each(urlTab, function(index){
		urlTab[index] = urlTab[index].split("|");
		
		if(index == 0){
			html += '<li' + current + '><a href="' + urlTab[index][0] + '">' + urlTab[index][1] + '</a></li>\\n';
		} else {
			html += '<li><a href="' + urlTab[index][0] + '">' + urlTab[index][1] + '</a></li>\\n';
		}
		
	});
	return html;
}


function getDialogSize(){
	var dialogWidth = $("#meSideDialog .dialogAjax").width();
	var dialogHeight = $("#meSideDialog .dialogAjax").height();
	$("#meSideDialog .dialogMark").css({"width" : dialogWidth , "height" : dialogHeight});
}

function addKey(div){
	div.attr('meSideDialog','open');
}

function removeKey(div){
	$("*[meSideDialog='open']").removeAttr('meSideDialog');	
	$("#meSideDialog").remove();
}
function getThisOpen(div){
	return div.attr('meSideDialog');
}


$.fn.meSideDialog = function(options) {
	
	
	var set = {
			'getUrl'			:	"#|Please try to refresh",
			'setAppend'			:	"body",
			'marginTop'			:	15,
			'marginLeft'		:	-10,
			'arrowLeft'			:	5,
			'cursorClose'		:	false
    };
	
	
	if(options){ 
		$.extend(set,options);
	}
	
	
	var _this = this;
	
	
	_this.click(function(){

		if( getThisOpen(_this) == 'open' ){
			
			removeKey(_this);
			
		} else {
		
			removeKey(_this);					
			var urlTab = getUrl(set.getUrl);	
			
			html = '';
			html += '<div id="meSideDialog" class="dialogBox"><div class="dialogAjax"><div class="arrow"></div>';
			html += '<div class="logTit"><ul>' + urlTab + '</ul><div class="close"></div><div class="clear"></div></div>';
			html += '<div class="dialogWrap"><div class="loading"></div></div></div><div class="dialogMark"></div></div>';
			
			$(set.setAppend).append(html);		
			getDialogSize();					
			
			
			$("#meSideDialog").css({'margin-top': set.marginTop + 'px','margin-left': set.marginLeft + 'px'});
			$("#meSideDialog .dialogAjax .arrow").css({'margin-left': set.arrowLeft + 'px'});
			
			addKey(_this);						
			
			
			var openAjax = $("#meSideDialog .dialogAjax .logTit ul li.current a").attr('href');
			$("#meSideDialog .dialogAjax .dialogWrap").load(
				openAjax,						
				{},								
				function(){
					getDialogSize();			
				}
			);
			
			
			$("#meSideDialog .dialogAjax .logTit .close").click(function(){
				removeKey(_this);				
				return false;
			});
			
			
			$("#meSideDialog .dialogAjax .logTit ul li a").click(function(){
				var nav = $(this);
				var navHref = nav.attr('href');														
				$("#meSideDialog .dialogAjax .logTit ul li").removeClass('current');				
				nav.parent().addClass('current');													
				$("#meSideDialog .dialogAjax .dialogWrap").html('<div class="loading"></div>');		
				getDialogSize();																	
				$("#meSideDialog .dialogAjax .dialogWrap").load(
					navHref,
					{},
					function(){
						getDialogSize();
					}
				);
				return false;
			});
		}
		
		return false;
		
	});
	
}

})( jQuery );