function createSocialize(){ var divSocial = ''; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; divSocial += '

'; var top = parseInt($(".socializer").offset().top); var height = $(".socializer").height(); var left = parseInt($(".socializer").offset().left)+10; if(jQuery.browser.msie) var pos = top+height+10; else var pos = top+height+10; var myStyle = "top:"+pos+"px;left:"+left+"px;position:absolute;"; var div = document.createElement("div"); $(div).hide(); $(div).attr("style",myStyle); $(div).attr("id","socializer"); $(div).append(divSocial); $(document.body).prepend(div); } (function ($, elements, OUTER_CLICK) { /** * Check if the event should be fired. * @param {Object} event The click event. * @private */ function check(event) { for (var i = 0, l = elements.length, target = event.target, el; i < l; i++) { el = elements[i]; if (el !== target && !(el.contains ? el.contains(target) : el.compareDocumentPosition ? el.compareDocumentPosition(target) & 16 : 1)) { $.event.trigger(OUTER_CLICK, event, el); } } } $.event.special[OUTER_CLICK] = { setup: function () { var i = elements.length; if (!i) { $.event.add(document, 'click', check); } if ($.inArray(this, elements) < 0) { elements[i] = this; } }, teardown: function () { var i = $.inArray(this, elements); if (i >= 0) { elements.splice(i, 1); if (!elements.length) { $.event.remove(document, 'click', check); } } } }; /** * Event helper outerClick * * @param {Function} [fn] A function to bind to the outerClick event on each of the matched elements. * If fn is omitted the event is triggered. * @return {jQuery} Returns the jQuery object. */ $.fn[OUTER_CLICK] = function (fn) { return fn ? this.bind(OUTER_CLICK, fn) : this.trigger(OUTER_CLICK); }; })(jQuery, [], 'outerClick'); $(document).ready(function() { var displayed = false; //createSocialize(); $("#socializer").fadeOut(10); $(".socializer").click(function (e) { if(!(displayed)){ $("#socializer").fadeIn(500); displayed = true; } else{ $("#socializer").fadeOut(500); displayed = false; } }); $(".socializer").outerClick(function(e){ $("#socializer").fadeOut(500); displayed = false; }); });