Не работают два JS скрипта на одной странице

Статус
Закрыто для дальнейших ответов.

Mramor_73

Новичок
Регистрация
20.02.2014
Сообщения
3
Всем доброго времени суток

Токая проблема
Не хотят работать два JS скрипта на странице галерея картинок и аккордеон
Если убрать вызов скрипта галерей

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/accordionmenu.css" />
<title>Untitled Document</title>
</head>

<body>
<div class="main">
<div class="header">
<a href="/"><img class="logo" src="images/logo.png" alt="Интернет магазин цифровой техники" /></a>
<div class="head-contact">
<p><strong>Телефон:</strong><br />
<span>8 (800) 700-00-01</span></p>
<p><strong>Режим работы:</strong><br />
Будние дни: с 9:00 до 18:00 <br />
Суббота, Воскресенье - выходные </p>
</div>
<form method="get" action="">
<ul class="search-head">
<li>
<input type="text" name="search" id="quickquery" placeholder="Что вы хотите купить?" />
<script type="text/javascript">
//<![CDATA[
placeholderSetup('quickquery');
//]]>
</script>
</li>
<li><input type="image" class="serch-btn" src="images/searc-btn.jpg" /></li>
</ul>
</form>
</div>
<ul class="menu">
<li><a href="#">Главная</a></li>
<li><a href="#">О магазине</a></li>
<li><a href="#">Оплата и доставка</a></li>
<li><a href="#">Покупка в кредит</a></li>
<li><a href="#">Контакты</a></li>
</ul>
<div id="contentwrapper">
<div id="content">
<div class="kroshka">
<a href="#">Мобильные телефоны</a> / <a href="#">LG</a> / <span>Слайдеры</span>
</div>

<div class="catalog-detail">

<h1>Sony Xperia S 32Gb (черный)</h1>

<ul id="slideshow">
<li>
<h3></h3>
<span>photos/1.jpg</span>
<p></p>
<a href="#"><img src="thumbnails/1.jpg" alt="Small Fish" /></a>
</li>
<li>
<h3></h3>
<span>photos/2.jpg</span>
<p></p>
<a href="#"><img src="thumbnails/2.jpg" alt="Small Fish" /></a>
</li>
<li>
<h3></h3>
<span>photos/3.jpg</span>
<p></p>
<a href="#"><img src="thumbnails/3.jpg" alt="Small Fish" /></a>
</li>
<li>
<h3></h3>
<span>photos/4.jpg</span>
<p></p>
<a href="#"><img src="thumbnails/4.jpg" alt="Small Fish" /></a>
</li>
<li>
<h3></h3>
<span>photos/5.jpg</span>
<p></p>
<a href="#"><img src="thumbnails/5.jpg" alt="Small Fish" /></a>
</li>
<li>
<h3></h3>
<span>photos/6.jpg</span>
<p></p>
<a href="#"><img src="thumbnails/6.jpg" alt="Small Fish" /></a>
</li>
<li>
<h3></h3>
<span>photos/7.jpg</span>
<p></p>
<a href="#"><img src="thumbnails/7.jpg" alt="Small Fish" /></a>
</li>
<li>
<h3></h3>
<span>photos/8.jpg</span>
<p></p>
<a href="#"><img src="thumbnails/8.jpg" alt="Small Fish" /></a>
</li>
</ul>
<div id="wrapper">
<div id="fullsize">
<div id="imgprev" class="imgnav" title="Previous Image"></div>
<div id="imglink"></div>
<div id="imgnext" class="imgnav" title="Next Image"></div>
<div id="image"></div>
<div id="information">
<h3></h3>
<p></p>
</div>
</div>
<div id="thumbnails">
<div id="slideleft" title="Slide Left"></div>
<div id="slidearea">
<div id="slider"></div>
</div>
<div id="slideright" title="Slide Right"></div>
</div>
</div>
<script type="text/javascript">

$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}

</script>


<div class="icon-detail">
<img src="images/ico-det-new.jpg" alt="новинка" />
<img src="images/ico-det-lider.jpg" alt="лидер продаж" />
<img src="images/ico-det-sale.jpg" alt="распродажа" />
</div>

<div class="short-opais">
<h3>Краткое описание:</h3>
<p>Футуристичный смартфон Sony Xperia S под управлением ОС Android 2.3 Gingerbread с возможностью обновления до версии 4.0 Ice Cream Sandwich – первый из серии Xperia NXT, линейки смартфонов нового поколения.</p>

<p>В нем объединились новейшие технологии и лучшие разработки Sony, достойный функционал и минималистичный дизайн.</p>
<p class="price-detail">Цена : <span>24 990.</span></p>
<a href="#"><img class="addtocard-index" src="images/addcard-detail.jpg" alt="Добавить в карзину" /></a>
</div>

<div class="clr"></div>

<div class="long-opais">
<h3>Описание телефона Sony Xperia S 32Gb (черный):</h3>
<p>Футуристичный смартфон Sony Xperia S под управлением ОС Android 2.3 Gingerbread с возможностью обновления до версии 4.0 Ice Cream Sandwich – первый из серии Xperia NXT, линейки смартфонов нового поколения. В нем объединились новейшие технологии и лучшие разработки Sony, достойный функционал и минималистичный дизайн.</p>

<p>Высокая производительность. Мощный двухъядерный процессор 1,5 ГГц Qualcomm Snapdragon MSM8260 гарантирует быстродействие любых игр и приложений.
Превосходное качество изображения. 4,3-дюймовый HD 1280*720p экран Reality Display с технологией Mobile BRAVIA Engine обеспечивает потрясающие впечатления от просмотра изображений и видео с высоким разрешением.</p>

<p>Удобство подключения к другим устройствам. Беспроводная связь на малых расстояниях (NFC) позволяет легко обмениваться информацией с другими пользователями и открывает доступ к многочисленным NFC-приложениям и услугам. Xperia S можно подключить к телевизору посредством Wi-Fi, DLNA, HDMI, а также использовать BRAVIA Sync для управления смартфоном с пульта ДУ телевизора.</p>
</div>

<div class="clr"></div>


</div>
</div>
</div>
<div id="left-bar">
<div class="left-bar-cont">
<h2><span>Акции:</span></h2>
<h3 class="nav-new"><a href="#">Новинки</a></h3>
<h3 class="nav-lider"><a href="#">Лидеры продаж</a></h3>
<h3 class="nav-sale"><a href="#">Распродажа</a></h3>
<h4><span>- Католог товаров</span></h4>
<ul class="accordion">

<li id="one" class="files">

<a href="#" class="active">Категория<span>495</span></a>

<ul class="sub-menu" style="display: none; ">

<li><a href="#"><em>01</em>Влож категория<span>42</span></a></li>

<li><a href="#"><em>02</em>Влож категория<span>87</span></a></li>

<li><a href="#"><em>03</em>Влож категория<span>366</span></a></li>

<li><a href="#"><em>04</em>Влож категория<span>1</span></a></li>

<li><a href="#"><em>05</em>Влож категория<span>10</span></a></li>

</ul>

</li>

<li id="two" class="mail">

<a href="#" class="">Категория<span>26</span></a>

<ul class="sub-menu" style="display: none; ">

<li><a href="#"><em>01</em>Влож категория<span>9</span></a></li>

<li><a href="#"><em>02</em>Влож категория<span>14</span></a></li>

</ul>

</li>

<li id="three" class="cloud">

<a href="#" class="">Категория<span>58</span></a>

<ul class="sub-menu" style="display: none; ">

<li><a href="#"><em>01</em>Влож категория<span>12</span></a></li>

<li><a href="#"><em>02</em>Влож категория<span>19</span></a></li>

<li><a href="#"><em>03</em>Влож категория<span>27</span></a></li>

<li><a href="#"><em>04</em>Влож категория<span>12</span></a></li>

<li><a href="#"><em>05</em>Влож категория<span>19</span></a></li>

<li><a href="#"><em>06</em>Влож категория<span>27</span></a></li>

</ul>

</li>

</ul>

<script type="text/javascript">

$(document).ready(function() {


var accordion_head = $('.accordion > li > a'),
accordion_body = $('.accordion li > .sub-menu');


accordion_head.first().addClass('active').next().slideDown('normal');

accordion_head.on('click', function(event) {

event.preventDefault();

if ($(this).attr('class') != 'active'){
accordion_body.slideUp('normal');
$(this).next().stop(true,true).slideToggle('normal');
accordion_head.removeClass('active');
$(this).addClass('active');
}

});

});

</script>


<div class="bar-contact">
<h3>Контакты:</h3>
<p><strong>Телефон:</strong><br />
<span>8 (800) 700-00-01</span></p>

<p><strong>Режим работы:</strong><br />
Будние дни: <br />
с 9:00 до 18:00<br />
Суббота, Воскресенье:<br />
выходные</p>
</div>
<div class="news">
<h3>Новости</h3>
<p>
<span>24.03.2012</span>
<a href="#">Поступили в продажу новые
телефоны sumsung</a>
</p>
<p>
<span>24.03.2012</span>
<a href="#">Подарки всем купившим apple iphone 4s</a>
</p>
<a href="#" class="news-arh">Архив новостей</a>
</div>
<div class="info">
<h3>Способы оплаты:</h3>
<p>- <a href="#">Наличный расчёт</a></p>
<p>- <a href="#">Пластиковой картой</a></p>
<p>- <a href="#">Кредит</a></p>
<p>- <a href="#">Рассчитать кредит</a></p>
<p>- <a href="#">Безналичный расчёт</a></p>
</div>
<div class="info">
<h3>Доставка:</h3>
<p>- <a href="#">Почта России</a></p>
<p>- <a href="#">Курьерская служба</a></p>
</div>
<div class="info">
<h3>Информация для вас:</h3>
<p>- <a href="#">Гарантия</a></p>
<p>- <a href="#">Как выбрать телефон</a></p>
<p>- <a href="#">Ремонт и обслуживание</a></p>
<p>- <a href="#">Акции и новинки</a></p>
<p>- <a href="#">Условия доставки</a></p>
</div>
</div>
</div>
<div id="right-bar">
<div class="right-bar-cont">
<div class="enter">
<h2><span>Авторизация</span></h2>
<div>
<a href="#"><img src="images/enter.jpg" alt="" /></a>
</div>
</div>
<div class="basket">
<h2><span>Корзина</span></h2>
<div>
<p>
У вас в корзине<br />
<span>1</span> товар на <span>30 459</span> руб
</p>
<a href="#"><img src="images/oformit.jpg" alt="" /></a>
</div>
</div>
<div class="share-search">
<h2><span>Выбор по параметрам</span></h2>
<div>
<form method="post" action="">
<p>Стоимость:</p>
от <input class="podbor-price" type="text" name="start-price" />
до <input class="podbor-price" type="text" name="end-price" />
руб.
<br /><br />
<p>Производители:</p>
<select>
<option>Ericsson</option>
<option>Alcatel</option>
<option>Mitsubish</option>
<option>Motorola</option>
<option>NEC</option>
<option>Nokia</option>
</select>
<input class="podbor" type="image" src="images/podbor.jpg" />
</form>
</div>
</div>

</div>
</div>

<div class="clr"></div>
<div class="footer">
<div class="flogo">
<a href="/"><img src="images/footer-logo.png" alt="Интернет магазин цифровой техники" /></a>
<p>Сopyright © </p>
</div>
<div class="fphone">
<h2>Телефон:</h2>
<h1>8 (800) 000-00-01</h1>

<h2>Режим работы:</h2>
<p>Будние дни: с 9:00 до 18:00<br />
Суббота, Воскресенье - выходные </p>
</div>
<div class="fmenu">
<p>Меню:</p>
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О магазине</a></li>
<li><a href="#">Оплата и доставка</a></li>
</ul>
<ul>
<li><a href="#">Покупка в кредит</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
</div>
</div>

</body>
</html>

то аккордеон работает но тогда рушится галерея

Надеюсь на помощь
Заранее благодарен
 

Вложения

Volter9

defined('SURRENDER') or die(); // StarWars
Регистрация
27.05.2012
Сообщения
1 145
[member=Mramor_73], не работает потому что script.js перезагружает jQuery ($()):

var TINY={};

function $(i){return document.getElementById(i)}
function $$(e,p){p=p||document; return p.getElementsByTagName(e)}

// ...
В общем архив с работающим JS в прикрепленных файлах.
 

Вложения

Статус
Закрыто для дальнейших ответов.
Верх Низ