Here is some content
' + '' ); mouseOnDiv.data('powertipjq', tipContent); mouseOnDiv.powerTip({ placement: 'e', mouseOnToPopup: true }); // api examples $('#api-open').on('click', function() { $.powerTip.show($('#mouseon-examples div')); }); $('#api-close').on('click', function() { $.powerTip.hide(); }); $('#api-manual') .powerTip({ manual: true }) .on('click', function() { $(this).powerTip('show'); }) .on('mouseleave', function() { $(this).powerTip('hide', true); }); $('#api-manual-mouse') .on('mouseenter', 'input', function(evt) { if (!$(this).data('powertip')) { $(this) .data('powertip', 'Tooltip added: ' + (new Date())) .powerTip({ manual: true }); } $(this).powerTip('show', evt); }) .on('mouseleave', 'input', function() { $(this).powerTip('hide'); }); ////////////////////////////////////////////////////////////////////////// // ADD ODD CLASS TO ROWS ////////////////////////////////////////////////////////////////////////// $(".zebra-style tr:odd, .toggle-style-faq .tgg-trigger:odd").addClass("odd"); ////////////////////////////////////////////////////////////////////////// // STICKY HEADER ////////////////////////////////////////////////////////////////////////// var sticky_navigation_offset_top = $('#rt-top-surround').offset().top; // our function that decides weather the navigation bar should have "fixed" css position or not. var sticky_navigation = function(){ var scroll_top = $(window).scrollTop(); // our current vertical position from the top // if we've scrolled more than the navigation, change its position to fixed to stick to top, otherwise change it back to relative if (scroll_top > sticky_navigation_offset_top) { $('#rt-top-surround').addClass('top-fixed').css({}); } else { $('#rt-top-surround').removeClass('top-fixed'); } }; $(window).scroll(function() { sticky_navigation(); }); ////////////////////////////////////////////////////////////////////////// // DRAWER ////////////////////////////////////////////////////////////////////////// var expand = $('.hidepaneltop'); $('a.hidetoggle').click(function() { if (expand.is(":visible")) { expand.slideUp(500, 'easeInOutExpo'); $(this).removeClass("close"); $(this).rotate({ bind: { mouseover : function() { $(this).rotate({ easing: $.easing.easeInOutElastic, animateTo:180 }) }, mouseout : function() { $(this).rotate({ easing: $.easing.easeInOutElastic, animateTo:0 }) } } }); } else { expand.slideDown(500, 'easeInOutExpo'); $(this).addClass("close"); $(this).rotate({ bind: { mouseover : function() { $(this).rotate({ easing: $.easing.easeInOutElastic, animateTo:225 }) }, mouseout : function() { $(this).rotate({ easing: $.easing.easeInOutElastic, animateTo:45 }) } } }); }; return false; }); })// end of window load