Я определенно не эксперт jQuery, поэтому проблема с тем, что это нормально работает.
Я хочу использовать ссылку, с rel= "X", чтобы сдвинуть переключатель open/closed div с классом = "X".
Значение по умолчанию должно быть закрыто (или отображать: none;)
Я также хотел бы изменить фоновое изображение в зависимости от того, открыт или закрыт div. Думаю, возможно, переключение класса linkname?
Попробуйте целую кучу примеров jQuery и просто расстраивайтесь :(
Вот что я до сих пор: http://jsfiddle.net/4gn5G/3/
$(document).ready(function () {
$("a[rel]").click(function () {
$(".[rel]").toggle("slide");
});
});
Заранее спасибо за помощь!!!
Согласно вашей скрипке,
вы забыли включить jQuery на страницу. Как только вы это добавите, скрипт будет работать нормально.
Если вы хотите автоматизировать это для всех событий click с rel, тогда
$(document).ready(function () {
$("a[rel]").click(function () {
var divClass= $(this).attr('rel');
$("." + divClass).toggle("slide");
});
});
обновить:
$("a[rel]").click(function () {
var cls = $(this).attr('rel');
$("."+cls).toggle("slide");
});
Вы должны ссылаться на содержимое атрибута, по которому вы выбрали, который вы хотите использовать, в своем селекторе классов:
$(document).ready(function () {
$("a[rel]").click(function () {
$("." + this.rel).toggle("slide");
});
});
Или:
$(document).ready(function () {
$("a[rel]").click(function () {
$("." + this.getAttribute('rel')).toggle("slide");
});
});
Как вы его написали, вы просто выбирали элементы, у которых был класс [rel]
, который был бы ничем (поскольку [
и ]
являются недопустимыми символами для id
и class
).