Как можно упростить данный jquery код?

Question

[ayapergenov]

При клике на ссылку должен скрываться блок для разных размеров экрана. Прописал отдельное правило для каждого размера. Можно ли как, то в одну строку это сделать?
$('ul.categories li a').click(function (){
$('aside.col-lg-3').removeClass("visible-xs");
$('aside.col-lg-3').removeClass("visible-sm");
$('aside.col-lg-3').removeClass("visible-md");
$('aside.col-lg-3').addClass("hidden-xs");
$('aside.col-lg-3').addClass("hidden-sm");
$('aside.col-lg-3').addClass("hidden-md");
});

Answer 1

[Дмитрий Ким]

$('ul.categories li a').click(function (){
$('aside.col-lg-3').removeClass("visible-xs visible-sm visible-md");
$('aside.col-lg-3').addClass("hidden-xs hidden-sm hidden-md");
});

Comments

[ayapergenov]

Думал надо каждый класс брать в кавычки и писать через запятую. А тут еще проще получается.

[Ivan Demidov]

$('ul.categories li a').click(function (){
    $('aside.col-lg-3')
        .removeClass("visible-xs visible-sm visible-md")
        .addClass("hidden-xs hidden-sm hidden-md");
});

[ayapergenov]

Ivan Demidov: Тоже подумал , что можно записать в одну строчку через запятую

[Дмитрий Ким]

Ivan Demidov: несомненно, можно и так :-)

[ayapergenov]

Ivan Demidov: Поправка, через точку, а не через запятую

[ayapergenov]

Дмитрий Ким: Странно но у меня почему-то не передается класс hidden-md, а 2 других передаются.