如何根据href显示页面加载时的div?

时间:2014-11-21 18:42:53

标签: jquery

我想显示页面加载和网址的时间 是test.cfm?csedept_id = 17,18

现在它正确加载它并且它所属的'li'高 加载新网址时,它不显示'ul'。

http://jsfiddle.net/zund0ycj/2/

<div id="nav_main">
<ul id="accordion" class="collapsible ">
<li class="emptyChild"> <a id="all" href="phonelistsearch_test.cfm?all"  onclick="changeClass('all')"  >All</a></li>
<li class="fullChild"><a  id="corporate" href="phonelistsearch_test.cfm?corporate"  onclick="changeClass('corporate')" >Corporate</a>&nbsp;&nbsp;&nbsp<a class="opener"></a>

  <ul>
        <cfloop query="GetDeptNum_corporate">
        <cfoutput>
        <div class="content">
        <li> <a   href="test.cfm?csedept_id=17">#csedept_name#</a> </li>
        <li> <a   href="test.cfm?csedept_id=18">#csedept_name#</a> </li>
        </div>
        </cfoutput>
        </cfloop>

   </ul>
</li>
</div>
var url = "test.cfm?csedept_id=17,18";
$(function(){
console.log(url);
  if (location.href==url){
    $('.content').show();
  }
});

1 个答案:

答案 0 :(得分:0)

如果您在 li 上找到匹配项,则只需导航回根 li ,然后点击其开启者

  $(this).closest("ul").parent().find("a.opener").click();

工作小提琴

http://jsfiddle.net/zund0ycj/6/

请注意,我已经更改 li 上的 href ,以便在启动小提琴时打开它。此外,您在 div 结束之前错过了一个结束 ul

关于评论的编辑

好的,编辑以涵盖这种情况,当你第一次加载小提琴时,只有内部项目会被高亮。点击小提琴上的“运行”它将匹配公司href

的网址

http://jsfiddle.net/zund0ycj/7/