Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Открытие аккордиона при переходе на странице (https://javascript.ru/forum/jquery/34566-otkrytie-akkordiona-pri-perekhode-na-stranice.html)

vladimirlip 10.01.2013 14:29

Открытие аккордиона при переходе на странице
 
Здравствуйте!Всех с прошедшими праздниками.
Есть аккордеон на странице. Это стандартный плагин jquery.
<div class="container" > 
        	       <h2 class="acc_trigger" id="a<?=$item['seminar_id'];?>"><a href=<?=$item['seminar_id'];?>">Текст1</a></h2> 
        	       <div class="acc_container">
                         '.....
	               </div>
            </div>


Код js
$(document).ready(function(){
                
               //обрабатывает клик по меню
               $('#menu21 a').click(function(){
               var b = $(this).attr('title');
               $('.acc_container').removeClass('show');
               $('#a'+b).next().addClass('show');
                 });

               $('.acc_container').not('.show').hide();
                  
                 //On Click клик по самому аккордеону
                    $('.acc_trigger').click(function(){

                    	if( $(this).next().is(':hidden') ) { 
                         $('.acc_trigger').removeClass('active').next().slideUp();                   
                         $(this).toggleClass('active').next().slideDown(); 
                         $('.result').hide(); 
                         $('.pokazRasp.a_seminar').text('Показать расписание');
                         $('.pokazOtzv.a_seminar').text('Показать отзывы');
                    	      }
                      else {
                         $('.acc_container').slideUp();
                         $('.result').hide();
                         $('.pokazRasp.a_seminar').text('Показать расписание');    
                         $('.pokazOtzv.a_seminar').text('Показать отзывы');
                            }
                    	return false;
                    });

Аккордеон работает все хорошо. Но есть задача:
Чтобы при щелчке из меню (если находимся на главной странице) совершался переход на страницу с аккордеон и открывался соответствующий блок.
<li class="topmenu_tre tre_1"><a class="menu_a" id="menu_a_1" href="<?=base_url();?>seminars">Семинары</a>
                       <ul id="menu21">
                             <li><a href="<?=base_url();?>seminars#a1"    title="1">Текст1</a></li>
                                <li><a href="<?=base_url();?>seminars#a2" title="2">Текст1</a></li>
                                <li><a href="<?=base_url();?>seminars#a3" title="3">Текст1</a></li>
                                <li><a href="<?=base_url();?>seminars#a4" title="4">Текст1</a></li>
                                <li><a href="<?=base_url();?>seminars#a5" title="5">Текст1</a></li>
                                <li><a href="<?=base_url();?>seminars#a6" title="6">Текст1</a></li>
                                <li><a href="<?=base_url();?>seminars#a7" title="7">Текст1</a></li>
                                <li><a href="<?=base_url();?>seminars#a8" title="8">Текст1</a></li>
                             </ul>
                        </li>

Щас при переходе блок не открывается. Но при повторном щелчке все работает отлично. Блоки открываются и сворачиваются.
Скорее всего при первом щелчке не работает, потому что .hide() придается значение display:none.
Но я вроде фильтром $('.acc_container').not('.show').hide(); отбираю. При щелчке из меню, блоку должен присваиваться класс.
Так вот при первом переходе не работает.(

Deff 10.01.2013 14:53

Цитата:

Сообщение от vladimirlip
совершался переход на страницу с аккордеон и открывался соответствующий блок.

Если переход на новую страницу совершается в том же окне, передайте переменную с селектором открываемого блока через window.name, и, при наличии в window.name этой переменной откройте соответствующий блок и обнулите window.name='';

vladimirlip 11.01.2013 13:39

Цитата:

Сообщение от Deff (Сообщение 226409)
Если переход на новую страницу совершается в том же окне, передайте переменную с селектором открываемого блока через window.name, и, при наличии в window.name этой переменной откройте соответствующий блок и обнулите window.name='';

Спасибо за ответ! данные в window.name занес. Но все равно, код обрабатывается перед переходом на новую страницу. Не пойму как сделать, чтобы он обрабатывался на новой после её загрузки.

$(document).ready(function(){
                    	    $('#menu21 a').click(function(){
                                var b = $(this).attr('title');
                                window.name = 'a'+b;
                                var c = '#a1';
                                $('.acc_container').not('#a1').hide();
                                alert(window.name);
                            });
});

У меня на главной alert выскакивает. Дальше грузится другая страничка. Там

$('.acc_container').not('#a1').hide();//не срабатывает при переходе

А находясь со страничкой где есть аккордеон все работает прекрасно.

Deff 11.01.2013 13:56

vladimirlip,
При клике в window.name заноси адрес перехода и Id открытой вкладки,
Скриптом анализируешь, тот ли адрес - ежели не тот - пропускаешь, если адрес верен - открывает вкладку с id -

vladimirlip 11.01.2013 14:48

ЧТо-то я наверно недопонимаю. Но опять при нахождении на oldSrc (на главной) то выскакивает false.
При нахождении на странице true.
$('#menu21 a').click(function(){
                                 var newSrc = $('#menu_a_1').attr('href');
                                 var oldSrc = window.location.href;
                                if (oldSrc == newSrc) {
                                var b = $(this).attr('title');
                                var c  = '#a'+b;
                                $(c).show();
                                $('.acc_trigger').next().not(c).hide();
                                }
                                else {
                                    alert('error');
                                }

Я вот что думаю, а если привязать выполнение сценария не на событие клик по меню, а к тому которое выполняется при загрузке новой странице. Дальше занести в переменную идентификатор клика
var c= $('#menu21 a').click();
window.name = c;

И вот при открытие страницы с нужным href и при не пустом значении window.name уже открывать блок нужный.
Если идея правильная, Так вот к какому событию привязаться?

Deff 11.01.2013 14:57

Цитата:

Сообщение от vladimirlip
var c= $('#menu21 a').click();
window.name = c;

Имхо по моему объекты в window.name не передать - ток строковые переменные, поэтому ток ID и адрес;
Идея с $('#menu21 a').click(); неверна ,
посколь клик задаст бесконечный повтор операции, проще ID и адрес
window.name = 'http://javascript.ru/,ID_box3';

Потом
var a = (window.name).split(",");
var addr =a[0],id=a[1];
if(documrnt.URL==addr){
     $(id).show();
}

vladimirlip 11.01.2013 15:52

Все получилось спасибо. window.name - сила!
$('#menu21 a').click(function(){
                                 var addr = $(this).attr('href');
                                 var id = $(this).attr('id');
                                 window.name = addr + ',#' + id;
var a = (window.name).split(",");
                    var addr =a[0],id=a[1];
	               if(document.URL==addr){
                    $('.acc_container').not(id).hide();

vladimirlip 11.01.2013 15:53

Хотел тебе карму увеличить..да говорят, что надо сначала еще кому-то увеличить! Блин, а кому, если ты отвечаешь оперативно и правильно, пока только один!


Часовой пояс GMT +3, время: 18:29.