Упростить код JS (jquery)

361
08 января 2017, 18:42

Как сократить скрипт?

 $('span.class_1').hover(function(){
  $('div.class_1').fadeToggle();
});
$('span.class_2').hover(function(){
  $('div.class_2').fadeToggle();
});
$('span.class_3').hover(function(){
  $('div.class_3').fadeToggle();
});
// И так далее... до 60 штук

UPD: В целом, у меня есть <li> со вложенными span и div. При наведении на span этого li мне нужно отобразить div.

Answer 1

Теперь, когда известно про span и div, вложенные в li получается вот такая конструкция:

$('li span').hover(function() {
    $(this).closest('li').find('div').fadeToggle();
});

Чтобы не было разночтений вместо span и div следует использовать классы

READ ALSO
Баг flexbox и абсолютного позиционирования в Firefox

Баг flexbox и абсолютного позиционирования в Firefox

Собственно, вот скриншот проблемыСверху в низ: 1 - Chrome, 2 - Opera, 3 - Firefox, 4 - Edge

444
Отображение свойств только на tablet и desktop

Отображение свойств только на tablet и desktop

Каким должен быть media-запрос, чтобы к div не применялись CSS-свойства на экранах <480?

413
Можно ли адаптировать слайдер

Можно ли адаптировать слайдер

ЗдравствуйтеСкачала симпатичный слайдер hw-slider: http://heavenweb

420