Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery在头中使用链接进行折叠_Jquery_Jquery Plugins_Jquery Selectors - Fatal编程技术网

jQuery在头中使用链接进行折叠

jQuery在头中使用链接进行折叠,jquery,jquery-plugins,jquery-selectors,Jquery,Jquery Plugins,Jquery Selectors,我使用Daniel Stocks jQuery崩溃cookies, 这很有效 嗨,有人知道我怎么做吗 链接的标题是什么?所以当点击时 它链接到另一个包含菜单的页面, 加载此页面时,单击 菜单展开,显示子项 在下面的例子中,我需要水果链接 转到另一页,并在此处展开 第页: 苹果 梨 橙色的 蔬菜 胡萝卜 西红柿 壁球 颜色 绿色的 任何帮助都将不胜感激:-)您可以在a href=“default2.html”id“中添加一个id,并将其设置为下一个ul id=“id” 通过这

我使用Daniel Stocks jQuery崩溃cookies, 这很有效

嗨,有人知道我怎么做吗 链接的标题是什么?所以当点击时 它链接到另一个包含菜单的页面, 加载此页面时,单击 菜单展开,显示子项

在下面的例子中,我需要水果链接 转到另一页,并在此处展开 第页:


  • 苹果
  • 橙色的
蔬菜
  • 胡萝卜
  • 西红柿
  • 壁球
颜色
  • 绿色的

任何帮助都将不胜感激:-)

您可以在
a href=“default2.html”id“
中添加一个id,并将其设置为下一个
ul id=“id”

通过这种方式,使用javascript,您可以在加载时显示正确的列表


看看这里


我看到的另一个问题是,该插件将忽略h3及其内部链接

因此,您需要将其与自定义show()处理程序相结合

HTML

然后使用@Andrea提到的方法,简单地将您希望在另一个页面中打开的项目设置为活动

因此,在本例中,如果url是#fruits,那么我们在加载时打开的项目将是带有id=“fruits”的h3

要做到这一点,您可以使用

if(window.hash){
    $("#"+window.hash).addClass('active')

嗨,安德里亚,你能再解释一下吗?:)对不起,我对jQuery有点陌生。我在JSFIDLE上添加了一个示例!看一看,您可以使用“window.location.pathname”检索当前路径。嘿,伙计们,非常感谢!!在你的帮助下,我终于成功了,而且效果很好-D:-D能否请您告诉我,对于那些具有正常展开/折叠功能的动画,我可以如何保留动画部分。在新代码中,我应该把this.animate({…})特性放在哪里?
<h3 id="fruits" rel="index2.html#fuits">Fruits</h3>
<ul>
  <li>Apple</li>
   <li>Pear</li>
   <li>Orange</li>
 </ul>
...
$(".demo").collapse({
    head: "h3",
    group: "ul",
    show: function() {
       if($(this).prev().attr('rel')){
           // open a window with the rel value as the location.
           window.location=($(this).prev().attr('rel'));
       }
       $(this).show()
    },
    hide: function(){
       $(this).hide()
    }
});
if(window.hash){
    $("#"+window.hash).addClass('active')