Помощь по js

Вопросы
Есть код
<script>
	jQuery(document).ready(function($) {
			$("#show_blog_description").click(function() {
			$("#blog_description").slideToggle(500);
			$("#show_blog_description").toggleClass("inactive");
        return false;
    });
	</script>


html
<span id="show_blog_description"><a href="#">{$oBlog->getTitle()|escape:'html'}</a></span>

<div class="blog_description" id="blog_description">
<h3>{$aLang.blog_about}</h3>
<p>{$oBlog->getDescription()|nl2br}</p>
</div>


Объясните пожалуйста, почему это не работает? Блок с описанием не раскрывается, кнопка вообще не реагирует никак. Что неправильно???

10 комментариев

avatar
Забыли зыкрывающие скобки:

jQuery(document).ready(function($) {
	$("#show_blog_description").click(function() {
		$("#blog_description").slideToggle(500);
		$("#show_blog_description").toggleClass("inactive");
		return false;
	}):
});
avatar 
<script>
        jQuery(document).ready(function($) {
                        $("#show_blog_description").click(function() {
                        $("#blog_description").slideToggle(500);
                        $("#show_blog_description").toggleClass("inactive");
        return false;
    });});
        </script>
avatar
Ну скорей всего в первую очередь обрабатывается клик по тегу a, а по span не срабатывает уже. Лучше будет повесить id=«show_blog_description» непосредственно на саму ссылку. Протестите, возможно, я ошибаюсь.
avatar
Спасибо всем, теперь работает!
avatar
На странице где выводится список всех блогов установил такую фишку — при нажатии на ссылку открывается описание блога. Но почему то работает только на первом в списке блоге. На остальных — ссылка не срабатывает.
avatar
такая фишка в списке блогов и будет работать только на 1 id в списке, нужно чуток переписывать js для этой страницы
avatar
id заменить на классы, яс заменить на:
jQuery(document).ready(function($) {
        $(".show_blog_description").click(function() {
                $(this).toggleClass("inactive").next().slideToggle(500);
                return false;
        });
});
avatar
Не фурычит :) Надо как то js к ID блога привязать.
avatar
Хтмл в списке блогов наверно другой, тогда так:
jQuery(document).ready(function($) {
        $(".show_blog_description").click(function() {
                $(this).toggleClass("inactive");
                $('#blog_description_' + $(this).data('blogId')).slideToggle(500);
                return false;
        });
});

И в хтмл прописать id блога:
<span class="show_blog_description" data-blog-id="{$oBlog->getId()}"><a href="#">{$oBlog->getTitle()|escape:'html'}</a></span>

<div class="blog_description" id="blog_description_{$oBlog->getId()}">
<h3>{$aLang.blog_about}</h3>
<p>{$oBlog->getDescription()|nl2br}</p>
</div>
avatar
О да! Работает! Спасибо большое!
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.