Как использовать имя класса, хранящееся в качестве атрибута data-*, в качестве селектора

Question

Я работаю с функцией небольшого щелчка, для которой я хочу сохранить некоторые данные в атрибуте HTML5, но я озадачен тем, как использовать имя класса, хранящееся в качестве селектора, для запуска функции. Вот мой HTML с сохраненным именем класса:

<a href="#" data-toggle=".calendar__event--blue">Click</a>

Когда элемент щелкается, я хочу скрыть класс.calendar__event- blue. Вот что я попробовал:

$('.sidebar__mycals--nested a').on('click', function () {
    var elToggle = $(this).data('toggle')
    elToggle.fadeOut()
})

Но очевидно, что это возвращает объект данных вместо имени класса в качестве селектора, задаваясь вопросом, есть ли способ нацелить элемент на хранилище данных. Спасибо!

Answer 1

Вы имеете в виду, как:

$('.sidebar__mycals--nested a').on('click', function () {
    var elToggle = $(this).data('toggle');
    $("."+elToggle).fadeOut();
})