Цитата:
<ul class="main_tabs"> <li class="main_news_section1"> <a href="#tab1">LINK_TEXT</a> <div id="tab1" class="tab_content"> <span>DATE</span><br> TEXT </div> </li> <li class="main_news_section2"> <a href="#tab2">LINK_TEXT</a> <div id="tab2" class="tab_content"> <span>DATE</span><br> TEXT </div> </li> <li class="main_news_section3"> <a href="#tab3">LINK_TEXT</a> <div id="tab3" class="tab_content"> <span>DATE</span><br> TEXT </div> </li> </ul> А внутри дивов с уникальными id выводим уже сколь хочешь дивов. Это понятно на наведение мыши работает один соответсвующий див внутри которого еще сколь угодно блоков. Так не пойдет мне надо имено два раздельных дива показать независимых вообще (не один в другом и так далее), посмотри Html первый. $(document).ready(function() { $(".tab_content").hide(); $(".tab_content:first").show(); $("ul.main_tabs li").mouseover(function() { var activeTab = $(this).find("a").attr("href"); $(".tab_content").hide(); $(activeTab).fadeIn(0); return false; }); }); в этом коде строка var activeTab = $(this).find("a").attr("href"); задает в переменную activeTab значение href ссылки внутри ul.main_tabs li ? я же правильно понимаю ? |
Цитата:
Там и хранят ИД нужного элемента. Но у тебя тех же id="tab3" как минимум 2! <div id="tab3" class="tab_content"> <img src="image3" border="0" alt="" title="" /> </div> и <div id="tab3" class="tab_content"> <span>DATE</span><br> TEXT </div> |
Хорошо пусть будут последние блоки tab3 и tab6 (то есть всего шесть блоков, три пары), тогда как мне сделать открытие одновременно обоих блоков при наведении на ссылку <a href="#tab3">LINK_TEXT</a> ? :) может я неправильно как то рассказываю или это нереальная задача :help:
|
Цитата:
Более лучший способ - tab3 и tab3_1. Или нечто в таком же духе... Намёк понятен? |
Цитата:
Цитата:
Цитата:
Чувствую что скрипт надо переписать где то. но не могу сообразить как |
Цитата:
Цитата:
ИД "вторых" элементов должно быть составны по следующему правилу <ИД_первого_элемента><некая_приставка,_одинаковая_у_всех_участников> Ты же "приставку" сделал у всех разную... :-E |
В принципе все верно с ид такой код не прокатит.
помогли: $(document).ready(function() { $(".tab_content").hide(); $(".tab_content:first").show(); $("ul.main_tabs li").mouseover(function() { var activeTab = $(this).find("a").attr("href").substr(1); $(".tab_content").hide(); $("."+activeTab).fadeIn(0); return false; }); }); и дивы у меня получаются с классом tab_content tab1, tab_content tab2, tab_content tab3 все шесть :) |
dolphin_al, с классами ты явно перестарался... :) Закончить таки с ИД было бы посподручнее.
|
Цитата:
|
Часовой пояс GMT +3, время: 19:46. |