Witam. Mam problem który polega na tym że jeden kod koliduje z drugim. Czy można coś zmienić aby oba działały? Wersje jQuery się zgadzają.
Contextual Slideout Tips With jQuery & CSS3 + Colorbox

Kod od Contextual Slideout Tips With jQuery & CSS3:
[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
  2. 	/* The code here is executed on page load */
  3.  
  4. 	/* Replacing all the paragraphs */
  5. 	$('.main div').replaceWith(function(){
  6.  
  7. 		/* The style, class and title attributes of the p are copied to the slideout: */
  8.  
  9. 		return '\
  10. 		<div class="slideOutTip '+$(this).attr('class')+'" style="'+$(this).attr('style')+'">\
  11. 			\
  12. 			<div class="tipVisible">\
  13. 				<div class="tipIcon"><div class="plusIcon"></div></div>\
  14. 				<div class="tipTitle">'+$(this).attr('title')+'</div>\
  15. 			</div>\
  16. 			\
  17. 			<div class="slideOutContent">\
  18. 				<div>'+$(this).html()+'</div>\
  19. 			</div>\
  20. 		</div>';
  21. 	});
  22.  
  23. 	$('.slideOutTip').each(function(){
  24.  
  25. 		/*
  26. 			Implicitly defining the width of the slideouts according to the width of its title,
  27. 			because IE fails to calculate it on its own.
  28. 		*/
  29.  
  30. 		$(this).width(40+$(this).find('.tipTitle').width());
  31. 	});
  32.  
  33. 	/* Listening for the click event: */
  34.  
  35. 	$('.tipVisible').bind('click',function(){
  36. 		var tip = $(this).parent();
  37.  
  38. 		/* If a open/close animation is in progress, exit the function */
  39. 		if(tip.is(':animated'))
  40. 			return false;
  41.  
  42. 		if(tip.find('.slideOutContent').css('display') == 'none')
  43. 		{
  44. 			tip.trigger('slideOut');
  45. 		}
  46. 		else tip.trigger('slideIn');
  47.  
  48. 	});
  49.  
  50. 	$('.slideOutTip').bind('slideOut',function(){
  51.  
  52. 		var tip = $(this);
  53. 		var slideOut = tip.find('.slideOutContent');
  54.  
  55. 		/* Closing all currently open slideouts: */
  56. 		$('.slideOutTip.isOpened').trigger('slideIn');
  57.  
  58. 		/* Executed only the first time the slideout is clicked: */
  59. 		if(!tip.data('dataIsSet'))
  60. 		{
  61. 			tip	.data('origWidth',tip.width())
  62. 				.data('origHeight',tip.height())
  63. 				.data('dataIsSet',true);
  64.  
  65. 			if(tip.hasClass('openTop'))
  66. 			{
  67. 				/*
  68. 					If this slideout opens to the top, instead of the bottom,
  69. 					calculate the distance to the bottom and fix the slideout to it.
  70. 				*/
  71.  
  72. 				tip.css({
  73. 					bottom	: tip.parent().height()-(tip.position().top+tip.outerHeight()),
  74. 					top		: 'auto'
  75. 				});
  76.  
  77. 				/* Fixing the title to the bottom of the slideout, so it is not slid to the top on open: */
  78. 				tip.find('.tipVisible').css({position:'absolute',bottom:3});
  79.  
  80. 				/* Moving the content above the title, so it can slide open to the top: */
  81. 				tip.find('.slideOutContent').remove().prependTo(tip);
  82. 			}
  83.  
  84. 			if(tip.hasClass('openLeft'))
  85. 			{
  86. 				/*
  87. 					If this slideout opens to the left, instead of right, fix it to the
  88. 					right so the left edge can expand without moving the entire div:
  89. 				*/
  90. 				tip.css({
  91. 					right	: Math.abs(tip.parent().outerWidth()-(tip.position().left+tip.outerWidth())),
  92. 					left	: 'auto'
  93. 				});
  94.  
  95. 				tip.find('.tipVisible').css({position:'absolute',right:3});
  96. 			}
  97. 		}
  98.  
  99. 		/* Resize the slideout to fit the content, which is then faded into view: */
  100.  
  101. 		tip.addClass('isOpened').animate({
  102. 			width	: Math.max(slideOut.outerWidth(),tip.data('origWidth')),
  103. 			height	: slideOut.outerHeight()+tip.data('origHeight')
  104. 		},function(){
  105. 			slideOut.fadeIn();
  106. 		});
  107.  
  108. 	}).bind('slideIn',function(){
  109. 		var tip = $(this);
  110.  
  111. 		/* Hide the content and restore the original size of the slideout: */
  112.  
  113. 		tip.find('.slideOutContent').fadeOut('fast',function(){
  114. 			tip.animate({
  115. 				width	: tip.data('origWidth'),
  116. 				height	: tip.data('origHeight')
  117. 			},function(){
  118. 				tip.removeClass('isOpened');
  119. 			});
  120. 		});
  121.  
  122. 	});
  123. });
[HTML] pobierz, plaintext

Contextual Slideout Tips With jQuery & CSS3 + Colorbox