Рабочие иконки шеврона для jQuery UI Accordion

Question

Рабочие иконки шеврона для jQuery UI Accordion

0

Я пытаюсь научиться этому. Сегодня я опубликовал несколько раз, сожалею об этом.

Проблема: выбрана вкладка и изменяется шеврон с начала до конца (отлично), но когда выбрана другая вкладка, предыдущая вкладка не возвращается к умолчанию по умолчанию. Я использую классы вверх и вниз, чтобы добавить значки изображений chevron.

JQuery

// Chevron icons move up and down 
$(function() {
//Add down to all .chevrons
$(".section a .chevron").addClass('down'); 

//Toggle up/down classes
$(".section a").click(function() {
    var $chevron = $(this).find('.chevron'); 
    $chevron.toggleClass("down up");
});
});

thomasp423 24 сен. 2013, в 22:10

Источник

Теги:

jquery

jquery-ui

jquery-ui-accordion

1 ответ

Ещё вопросы

bbecks · Answer 1 · 2013-09-24T17-58-00.000Z

Вы можете просто выбрать все и удалить класс вверх при щелчке. Что-то вроде:

$(".section a").click(function() {
    $(".section a .chevron").removeClass('up').addClass('down'); 
    var $chevron = $(this).find('.chevron'); 
    $chevron.toggleClass("down up");
});

Это шаг в правильном направлении. Однако теперь, когда вы нажимаете на раздел, который уже открыт с шевроном вверх. Шеврон остается на ногах.
Итак, вы хотите, чтобы он тоже закрылся, попробуйте что-то вроде этого: $ (". Section a"). Click (function () {var $ chevron = $ (this) .find ('. Chevron'); var open = $ chevron.hasClass ("up"); $ (". section a .chevron"). removeClass ('up'). addClass ('down'); $ chevron.addClass ((открытое)? down: вверх)); });
Извините, я получаю синтаксические ошибки, которые не могу понять. Неожиданный в последней строке.
Извините ... $ (". Section a"). Click (function () {var $ chevron = $ (this) .find ('. Chevron'); var open = $ chevron.hasClass ("up"); $ (".section a .chevron"). removeClass ('up'). addClass ('down'); $ chevron.addClass ((открытое)? down: вверх);});