Uncaught TypeError: Property '#' of object # is not a function. В чем может быть проблема?

Question

[Антон]

Доброго времени суток!

Пытаюсь реализовать спойлер. Вот содержимое файла library.js:

function ShowOrHide( id ) {
	var item = $("#" + id);
	var scrolltime = (item.height() / 200) * 1000;
	if (scrolltime > 3000 ) { scrolltime = 3000; }
	if (scrolltime < 250 ) { scrolltime = 250; }
	if (item.css("display") == "none") { 
		item.show('blind',{}, scrolltime );
	} else {
		if (scrolltime > 2000 ) { scrolltime = 2000; }
		item.hide('blind',{}, scrolltime );
	}
};

jQuery подключил до library.js.

Код спойлера:

<a href="javascript:ShowOrHide('spoiler')">Заголовок спойлера</a>
<div id="spoiler" style="display:none;">
	Содержимое спойлера.
</div>

После нажатия на ссылку спойлер открывается, и Chrome выдаёт следующую ошибку:


И на этом работоспособность спойлера прекращается. В чем может быть проблема?

Answer 1

[aen]

У меня такое ощущение, что вы явно чего то не подключили. Посмотрите внимательно на исходники вот эти jqueryui.com/show/.

Про сам код я промолчу.

Comments

[Антон]

Да, вы правы. UI был обязателен для подключений. Хотя до этого я его подключал, но было без результатов. Может, я потупил... Но тем не менее спасибо вам за правильный ответ.

[personaljs]

@proFox jsfiddle.net/kqH75/2

Answer 2

[Crash]

Немного извратил ваш код, но вроде работает: jsfiddle.net/Bandicoot/kqH75

Comments

[personaljs]

Немного поправил: jsfiddle.net/kqH75/2

[Антон]

@becon большое вам спасибо.