jquery - 在一页上单击链接到另一页显示 div 并展开 div

Question

在一页上我有这个:
(1) 迷你导航
(2) 迷你导航 (1) 中的每个链接在其下方显示或隐藏一个 div(想想标签)
(3) 在每个隐藏的 div (2) 中是另一个显示/隐藏 div 效果(想想 Accordion )

在另一个页面上我想要这个:
* 单击该链接会转到上面的页面，导航到正确的隐藏“选项卡”(2)，然后在 Accordion (3) 中展开(显示)一个 div。

问题
一切正常，但现在我想在另一个页面上实现一个链接，以显示第二个隐藏的 div 和一个 Accordion 。我不知道如何做到这一点。想法？想法？

fiddle
http://jsfiddle.net/zuhloobie/2jtqroLL/1/

这是我想要完成的图形:

用于显示其隐藏 DIV 的迷你导航链接之一的 HTML 触发器

<a href="#subDivTab1" class="subDivSwitchLink">overview</a>

迷你导航的 JQUERY DIV 开关

$(function(){
$('a.subDivSwitchLink').click(function (e) {
    var $this = $(this),
    containerSelector = $this.attr('href'),
    $links = $('a.subDivSwitchLink');
    e.preventDefault();
    $('div.subDivSwitch').not(containerSelector).hide();
    $(containerSelector).show();
    $links.not($this).toggleClass('subTitleActive', false);
    $this.toggleClass('subTitleActive', true);
});
var target = '#'+'subDivTab1';
$('a[href="'+target+'"].subDivSwitchLink').click();
});

用于隐藏 Accordion 的 JQuery

        $(document).ready(function(){
        $('#drawer > ul > li:has(ul)').addClass("has-sub");
        $('#drawer > ul > li > a').click(function() {
            var checkElement = $(this).next();
            $('#drawer li').removeClass('active');
            $(this).closest('li').addClass('active');   
            if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                $(this).closest('li').removeClass('active');
                checkElement.slideUp('normal');
            }
            if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                $('#drawer ul ul:visible').slideUp('normal');
                checkElement.slideDown('normal');
            }
            if (checkElement.is('ul')) {
                return false;
            } else {
                return true;    
            }       
        });
    });

带有 Accordion 的隐藏 DIV 之一的 HTML

<div id="subDivTab2" class="subDivSwitch">
<div class="subRightSectionTitle soft">hidden div title2
</div>
<div class="subRightSectionText ulineGray"><span class="subRightSectionTextHeader">hidden div text2</span>
</div>
<div id="drawer" class="softDrawer">
    <ul>
        <li><a href="#" onclick="return false;">hidden accordion title1</a>
            <ul>
                <li>hidden accordion text1</li>
            </ul>
        </li>
        <li><a href="#" onclick="return false;">hidden accordion title2</a>
            <ul>
                <li>hidden accordion text1</li>
            </ul>
        </li>
    </ul>
</div>

Answer 1

Just do query string when user clicks on the link add a query string to a link on page 1

<a href="page2.html?showdiv=true">page2</a>

在第一页读取查询字符串

<script>
function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
$( document ).ready(function() {
   if(getParameterByName('showdiv')=="true")
   {
         //show div and link.
   }
});
</script>