ЙажаСценарий / Говнокод #26605 Ссылка на оригинал

0

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
$('#spheres__street-nav').hover(function () {
                    $('.header-submenu__spheres-nav__item').removeClass('active');
                    $('.header-submenu__spheres-menu').removeClass('active');
                    $(this).addClass('active');
                    $('#spheres__street-content').addClass('active');
                });

                $('#spheres__sport-nav').hover(function () {
                    $('.header-submenu__spheres-nav__item').removeClass('active');
                    $('.header-submenu__spheres-menu').removeClass('active');
                    $(this).addClass('active');
                    $('#spheres__sport-content').addClass('active');
                });

                $('#spheres__prom-nav').hover(function () {
                    $('.header-submenu__spheres-nav__item').removeClass('active');
                    $('.header-submenu__spheres-menu').removeClass('active');
                    $(this).addClass('active');
                    $('#spheres__prom-content').addClass('active');
                });

Когда не можешь загуглить, как делаются табы

Запостил: phpBidlokoder2 phpBidlokoder2, (Updated )

Комментарии (5) RSS

  • Такую архитектуру удобно расширять добавляя новые табы
    Ответить
    • Архитектура плохая. Какой-то непонятный .header-submenu__spheres-nav__item, какой-то непонятный .header-submenu__spheres-menu. Неявная питушня Где её искать?

      Вот это архитектура:
      $('#spheres__street-nav').hover(function () {
          $('#spheres__sport-nav').removeClass('active');
          $('#spheres__sport-content').removeClass('active');
          $('#spheres__prom-nav').removeClass('active');
          $('#spheres__prom-content').removeClass('active');
          $(this).addClass('active');
          $('#spheres__street-content').addClass('active');
      });
      
      $('#spheres__sport-nav').hover(function () {
          $('#spheres__street-nav').removeClass('active');
          $('#spheres__street-content').removeClass('active');
          $('#spheres__prom-nav').removeClass('active');
          $('#spheres__prom-content').removeClass('active');
          $(this).addClass('active');
          $('#spheres__sport-content').addClass('active');
      });
      
      $('#spheres__prom-nav').hover(function () {
          $('#spheres__street-nav').removeClass('active');
          $('#spheres__street-content').removeClass('active');
          $('#spheres__sport-nav').removeClass('active');
          $('#spheres__sport-content').removeClass('active');
          $(this).addClass('active');
          $('#spheres__prom-content').addClass('active');
      });
      Ответить
      • да, твой вариант еще более удобно расширять
        ты прав
        Ответить
        • И зарплата пропорциональна квадрату от количества пунктов в меню.
          Ответить
    • Ну да, особенно, если придется серверным рендерингом их выводить из базы. Либо хранить css классы в базе, либо генерить их на лету и генерить сам js код в пыхе
      Ответить

Добавить комментарий

Я, guest, находясь в здравом уме и твердой памяти, торжественно заявляю:

    А не использовать ли нам bbcode?


    8