Jquery переключить слайд с помощью Rel

0

Я определенно не эксперт 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");
    });
});

Заранее спасибо за помощь!!!

  • 0
    Вы забыли включить jquery в вашу скрипку. Вот почему это не работает. Проверьте мой ответ о том, как его автоматизировать
Теги:
toggle

3 ответа

0
Лучший ответ

Согласно вашей скрипке,

вы забыли включить jQuery на страницу. Как только вы это добавите, скрипт будет работать нормально.

Если вы хотите автоматизировать это для всех событий click с rel, тогда

$(document).ready(function () {
    $("a[rel]").click(function () {
        var divClass= $(this).attr('rel');
        $("." + divClass).toggle("slide");
    });
});

РАБОЧАЯ ДЕМО

  • 0
    Потрясающие! Это именно то, что мне было нужно! Два вопроса: 1. как мне переключить класс ссылки с открытого на закрытое? 2. можно ли сделать тумблер только скользящим слева направо, а не для 0,0 по x, y?
0

обновить:

$("a[rel]").click(function () {
    var cls = $(this).attr('rel');
    $("."+cls).toggle("slide");
});
0

Вы должны ссылаться на содержимое атрибута, по которому вы выбрали, который вы хотите использовать, в своем селекторе классов:

$(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).

Ещё вопросы

Сообщество Overcoder
Наверх
Меню