Jump to content
  • 0

Синхронизация вкладок


Pechkin
 Share

Question

Доброго времени суток, всем!

 

Есть проблема синхронизации вкладок (табов) на сайте.

Без примера, не объяснить, вот сайт:

 

http://meatup.ru

 

1. Сайт в одну страницу и менюхи, которые Вы наблюдаете, вверху и внизу экрана и есть вкладки;

 

2. Кликая по ним, мы открываем соответствующую вкладе область в левой половине сайта;

 

Косяк в следующем:

 

3. Жмите на вкладку из верхней менюхи, например, "О Нас" - открылась соответствующая область;

 

4. Теперь на любую вкладку из нижнего меню, например, "Термообработка" - и тоже, область открывается;

 

5. А вот, если мы опять нажмем на "О Нас" - то ничего не произойдет, т.к. вкладка осталась активной с прошлого раза.

 

По отдельности каждое меню работает отлично, а вот с друг другом не ладят.

 

Сайт выполнен с помощью bootstrap.

 

Сам вопрос: Как сделать вкладку с первого меню не активной, при активации вкладки со второго меню и наоборот?

 

 

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Доброго времени суток, всем!

 

Есть проблема синхронизации вкладок (табов) на сайте.

Без примера, не объяснить, вот сайт:

 

http://meatup.ru

 

1. Сайт в одну страницу и менюхи, которые Вы наблюдаете, вверху и внизу экрана и есть вкладки;

 

2. Кликая по ним, мы открываем соответствующую вкладе область в левой половине сайта;

 

Косяк в следующем:

 

3. Жмите на вкладку из верхней менюхи, например, "О Нас" - открылась соответствующая область;

 

4. Теперь на любую вкладку из нижнего меню, например, "Термообработка" - и тоже, область открывается;

 

5. А вот, если мы опять нажмем на "О Нас" - то ничего не произойдет, т.к. вкладка осталась активной с прошлого раза.

 

По отдельности каждое меню работает отлично, а вот с друг другом не ладят.

 

Сайт выполнен с помощью bootstrap.

 

Сам вопрос: Как сделать вкладку с первого меню не активной, при активации вкладки со второго меню и наоборот?

 

Pechkin! Попробуй эту функцию:

function onclickmain2() {    $('.main1').removeClass('active');}function onclickmain1() {    $('.main2').removeClass('active');}

 

Доброго времени суток, всем!

 

Есть проблема синхронизации вкладок (табов) на сайте.

Без примера, не объяснить, вот сайт:

 

http://meatup.ru

 

1. Сайт в одну страницу и менюхи, которые Вы наблюдаете, вверху и внизу экрана и есть вкладки;

 

2. Кликая по ним, мы открываем соответствующую вкладе область в левой половине сайта;

 

Косяк в следующем:

 

3. Жмите на вкладку из верхней менюхи, например, "О Нас" - открылась соответствующая область;

 

4. Теперь на любую вкладку из нижнего меню, например, "Термообработка" - и тоже, область открывается;

 

5. А вот, если мы опять нажмем на "О Нас" - то ничего не произойдет, т.к. вкладка осталась активной с прошлого раза.

 

По отдельности каждое меню работает отлично, а вот с друг другом не ладят.

 

Сайт выполнен с помощью bootstrap.

 

Сам вопрос: Как сделать вкладку с первого меню не активной, при активации вкладки со второго меню и наоборот?

 

Pechkin! Попробуй эту функцию:

function onclickmain2() {    $('.main1').removeClass('active');}function onclickmain1() {    $('.main2').removeClass('active');}

Pechkin! От души, братан!

 

Бьюсь лбом в яйца! Благодарю за помощь

Edited by Pechkin
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy