конфликт jquery

[maritca]

Подскажите, пожалуйста, как грамотно совместить два скрипта?

Первый (подключается через отдельный файл):

$(document).ready(function() {
$('#menu > li > ul' )
	.hide()
	.click(function(event) {
		event.stopPropagation();
	});

	$('#menu > li').toggle(function() {
		$(this).find('ul').slideDown();
}, function() {
	$(this).find('ul').slideUp();
});
});

Второй (прописан в body):

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery('#sigplus_catalogos_regalo').imageSlider({
itemCount: 4,
showButtons: true,
showLinks: true,
showPageCounter: true,
alignment: 'center',
orientation: 'horizontal',
navigation: 'bottom',
firstText: 'вперед',
prevText: 'назад',
nextText: 'след',
lastText: 'пред',
pageText: '%1$d of %2$d' }); });

window.addEvent('load', function() {
var imgs = [];
<?php $i = 0; while ($i <= $iNumFiles-1) { echo ("imgs.push({file: '$aFileList[$i]', title: '', desc: '', url: ''});\r\n "); $i++; }?>
var myshow = new Slideshow('slideshow', {
type: 'combo',
externals: 0,
showTitleCaption: 0,
captionHeight: 45,
width: 959,
height: 274,
pan: 50,
zoom: 20,
loadingDiv: 0,
resize: true,
duration: [5000, 7000],
transition: Fx.Transitions.Sine.easeOut,
images: imgs,
path: 'content/logoimg/<? echo($part); ?>/' });
myshow.caps.h2.setStyles({color: '#fff', fontSize: '13px'});
myshow.caps.p.setStyles({color: '#ccc', fontSize: '11px'}); });
</script>

По отдельности оба работают. Когда подключаются одновременно, в консоли выползает ошибка:

Uncaught TypeError: Cannot call method 'hide' of null (первый скрипт)

Edited February 19, 2013 by maritca

[wwt]

может все таки не стоит использовать одновременно и jquery и mootools ?

если уж это и делать то только в случаях когда по другому не решить вопрос.

а вообще попробуйте в первом скрипте заменить вызовы $ на jQuery, и объединить скрипты в один:

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery('#menu > li > ul' )
.hide()
.click(function(event) {
event.stopPropagation();
});

jQuery('#menu > li').toggle(function() {
jQuery(this).find('ul').slideDown();
}, function() {
jQuery(this).find('ul').slideUp();
});



jQuery('#sigplus_catalogos_regalo').imageSlider({
itemCount: 4,
showButtons: true,
showLinks: true,
showPageCounter: true,
alignment: 'center',
orientation: 'horizontal',
navigation: 'bottom',
firstText: 'вперед',
prevText: 'назад',
nextText: 'след',
lastText: 'пред',
pageText: '%1$d of %2$d' }); });
window.addEvent('load', function() {
var imgs = [];
<?php $i = 0; while ($i <= $iNumFiles-1) { echo ("imgs.push({file: '$aFileList[$i]', title: '', desc: '', url: ''});\r\n "); $i++; }?>
var myshow = new Slideshow('slideshow', {
type: 'combo',
externals: 0,
showTitleCaption: 0,
captionHeight: 45,
width: 959,
height: 274,
pan: 50,
zoom: 20,
loadingDiv: 0,
resize: true,
duration: [5000, 7000],
transition: Fx.Transitions.Sine.easeOut,
images: imgs,
path: 'content/logoimg/<? echo($part); ?>/' });
myshow.caps.h2.setStyles({color: '#fff', fontSize: '13px'});
myshow.caps.p.setStyles({color: '#ccc', fontSize: '11px'}); });
</script>

Edited February 19, 2013 by wwt

[maritca]

Спасибо! Всё работает.