ЙажаСценарий / Говнокод #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

  • ava guest # 0

    Такую архитектуру удобно расширять добавляя новые табы
    Ответить

    • ava 1024-- # Ссылка на оригинал 0 ⇈

      Архитектура плохая. Какой-то непонятный .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');
});
      Ответить

      • ava guest # 0 ⇈

        да, твой вариант еще более удобно расширять
        ты прав
        Ответить

        • ava bormand # Ссылка на оригинал 0 ⇈

          И зарплата пропорциональна квадрату от количества пунктов в меню.
          Ответить

    • ava phpBidlokoder2 # Ссылка на оригинал 0 ⇈

      Ну да, особенно, если придется серверным рендерингом их выводить из базы. Либо хранить css классы в базе, либо генерить их на лету и генерить сам js код в пыхе
      Ответить

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

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

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

    ↑
    8
    ↓