Не срабатывает скрипт jQuery
 

Новости на странице выводятся в таком виде


код HTML

<div class="news">
				<div class="news-date">12/01/2004</div>
				<div style="clear: both;"></div>
				<div class="news-text short"><a href="/">Lorem ipsum dolor sit amet,</a> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. tUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis Lorem ipsum dolor sit amet consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. tUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis</div>
				<div class="news-link"><a href="/">• read more</a></div>
				<div style="clear: both;"></div>
			</div>

текст новости в блоке news-text показан не полностью, для этого к нему добавлен класс

.short {
    	height: 80px;
    	overflow: hidden;
    }

Нужно, чтобы по клику на ссылку read more класс short удалялся и текст показывался целиком, а текст в ссылке заменялся на collapse, а затем при клике на collapse класс short снова добавлялся, и текст в ссылке обратно заменялся на read more.
Для этого мне подсказали скрипт на jQuery http://jsfiddle.net/b4hhy/10/
он срабатывает на jsfiddle, но когда я подключаю его к странице, он не выполняется.
Не могу разобраться, в чем дело, почему он может не работать?

К странице еще подключен лайтбокс, может в этом быть причина?

не видя страницы, сложно сказать почему он не ней не работает...
может вы не правильно/или не подключили jQuery , может айдишник там другой, может ошибки на странице, много всего "может", давайте конкретную страницу, на которой оно не работает - будем разбираться

Heidel,
Вполне возможно что лайтбокс удаляет этот обработчик с элемента.
Перенеси этот код после инициализации лайтбокса.

Также можешь проверить, будет ли работать если удалить лайтбокс.