Помогите немного переделать код

[ilyas]

Вот этот аккордеон я скопировал с одного сайта, его код на моей странице конфликтует с другими скриптами, написан он как-то немного замудренно, не могли бы переделать его на обычный $(document).ready вместо безимянной функции.

(function() {    new KinTooltip('js_content');    var title = $('.js_title'),    content = $('.js_content');    content.on('click', '.js_title', onTownsClick);    function onTownsClick() {        if ($(this).parent().hasClass('towns_open')) {        close();        } else {        open($(this));        }    }    function open(e) {        close();        e.next().slideDown(200);        e.parent().addClass('towns_open');    }    function close() {        title.each(function(){        $(this).parent().removeClass('towns_open');        $(this).next().slideUp(200);        });    }})();

А вот разметка аккордеона

<div id="js_content">	<div class="towns">		<h4 class="towns__title js_title">Город</h4>		<div class="scoreboard" style="display:none;">			<table class="scoreboard__table">			Контент отображаемой таблицы			</table>		</div>	</div>	<div class="towns">		<h4 class="towns__title js_title">Город</h4>		<div class="scoreboard" style="display:none;">			<table class="scoreboard__table">			Контент отображаемой таблицы			</table>		</div>	</div>	<div class="towns">		<h4 class="towns__title js_title">Город</h4>		<div class="scoreboard" style="display:none;">			<table class="scoreboard__table">			Контент отображаемой таблицы			</table>		</div>	</div></div>

[npofopr]

Чем этот аккордеон круче любого другого аккордеона, чтобы на него тратить кучу времени? 

[Николя223]

И что тут мудрёного... безымянная функция - в скобках  используется для того, чтобы переменные внутри нее действовали только внутри нее.

()  - нужны для того чтобы функция вызвалась сразу 

 

 

сам код работает так же как если бы этой функции небыло, т.е. исполняется в момент загрузки.  

Невижу сложностей чтобы вам самому заменить на то что вы  хотите

[ilyas]

Ну тут же явно создается объект

new KinTooltip

можете помочь переписать без применения ООП ?

[ilyas]

Чем этот аккордеон круче любого другого аккордеона, чтобы на него тратить кучу времени? 

Мне нужен именно этот,

[ilyas]

помогите мне очень нада!!!

[Catherine]

помогите мне очень нада!!!

А "пожалуйста"? Что-то подсказывает мне, что за эту работу вы брались не бесплатно, ещё и сроки горят.

Я не профи, я только учусь, поэтому попробую как-нибудь так.

Если что-то не работает, попробуйте разобраться сами, или задайте конкретный вопрос после того, как что-то попытаетесь сделать.

Для остальных случаев есть разделы "Коммерческие услуги" и "Сделайте мне бесплатно".

[ilyas]

в файербаге выводится ошибка в консоли

TypeError: content.on is not a functioncontent.on('click', '.js_title', function() {

Начинает работать только если рядом подключу еще одну jquery,
Можете под эту разметку вот этот скрипт адаптировать? я пробовал вставлять классы но ничего не заработало

<div id="js_content">	<div class="towns">		<h4 class="towns__title js_title">Город</h4>		<div class="scoreboard" style="display:none;">			<table class="scoreboard__table">			Контент отображаемой таблицы			</table>		</div>	</div>	<div class="towns">		<h4 class="towns__title js_title">Город</h4>		<div class="scoreboard" style="display:none;">			<table class="scoreboard__table">			Контент отображаемой таблицы			</table>		</div>	</div>	<div class="towns">		<h4 class="towns__title js_title">Город</h4>		<div class="scoreboard" style="display:none;">			<table class="scoreboard__table">			Контент отображаемой таблицы			</table>		</div>	</div></div>

 

$(document).ready(function(){    $('#celebs ul > li ul')    .click(function(event){    event.stopPropagation();    })    .filter(':not(:first)')    .hide();    $('#celebs ul > li').click(function(){        var selfClick = $(this).find('ul:first').is(':visible');        if(!selfClick) {            $(this)            .parent()            .find('> li ul:visible')            .slideToggle("fast");        }        $(this)        .find('ul:first')        .stop(true, true)        .slideToggle("fast");    });});

Edited January 22, 2014 by ilyas

[Catherine]

Можете под эту разметку вот этот скрипт адаптировать?

Зачем мне это надо? Я бы делала так.

[ilyas]

 

Можете под эту разметку вот этот скрипт адаптировать?

Зачем мне это надо? Я бы делала так.

 

Можете сделать чтобы всегда один открывался ?

[Catherine]

могу

[ilyas]

Почему то ошибка в файербаге

[Catherine]

jQuery подключен? У меня в примере никаких ошибок в файербаге нет.

[ilyas]

Catherine вам огромное спасибо за помощь!!!

Решил свой вопрос таким кодом, у меня на сайте подключена jquery 1.5 и поэтому многие методы не работали, а еще аккордеон лежит на одно странице а эта страница подключается в двух страницах (инклюдится), затем в теле страницы написал стили чтобы везде одинаково выглядел этот аккордеон

$(document).ready(function(){				$('#celebs ul > li').click(function(){			var selfClick = $(this).find('ul:first').is(':visible');			if(!selfClick) {			$(this)			.parent()			.find('> li ul:visible')			.slideToggle("fast");			}			$(this)			.find('ul:first')			.stop(true, true)			.slideToggle("fast");		});	});