2014-10-20 83 views
1

所以我有2個不同的切換,當你點擊'信息1',然後點擊'鏈接1'(這將使它轉到該網站的另一個頁面)我想這觸發切換'信息2'打開了更多的信息,但我不知道這一點..js切換:使錨點在不同的頁面觸發切換

(在這個例子中,我添加了同一頁上的兩個切換,但最初應該分開)

http://jsfiddle.net/qef9zvt4/2/

HTML:

SECTIO N + 1

<ul class="accordion-media-types"> 
<li> 
    <a href="">Info 1</a> 
    <div class="hidden-content"> 
     content 
     <ul> 
      <li> 
       <a href="">link 1</a> 
      </li> 
     </ul> 
    </div> 
</li> 

第2

<!-- THIS WOULD BE IN A DIFFERENT PAGE --> 



<ul class="accordionListing"> 
<li> 
    <div class="accordion-heading"> 
     <a href="">Info 2</a> 
    </div> 

    <div class="accordion-info section_22"> 
     content 
    </div> 
</li> 

JS:

//SECTION 1 
$(document).on('click', '.accordion-media-types > li > a', function (e) { 
e.preventDefault(); 
$(this).closest('li').toggleClass('active').find('.hidden-content').slideToggle(500); 
}); 


//SECTION 2 

$(document).on('click', '.accordionListing > li > div > a', function (e) { 
e.preventDefault(); 
$(this).closest('li').toggleClass('active').find('.accordion-info').slideToggle(500); 
}); 

回答

1

什麼是你到底想幹什麼? 當您點擊鏈接時打開第二個div?

看看這個小提琴:http://jsfiddle.net/qef9zvt4/9/

你可以只添加

$(document).on('click', '.accordion-media-types > li > div > ul > li > a', function (e) { 
    $(".accordionListing > li > div > a").trigger("click"); 
}); 

如果是在另一頁,你能不能用的document.ready開單嗎? 還是隻需要在第一頁上打開,鏈接被點擊?

+0

謝謝!這正是我想要做的,只有在第一頁上的鏈接被點擊時才需要打開:)謝謝! – user3507631 2014-10-20 13:55:02