Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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
Html 链接到可折叠元素的子链接的URL?_Html_Css_Uikit - Fatal编程技术网

Html 链接到可折叠元素的子链接的URL?

Html 链接到可折叠元素的子链接的URL?,html,css,uikit,Html,Css,Uikit,我有一组折叠在页面上的手风琴卡片,其中一个示例是: <div class="card" style="display:none" > <div class="card-header" role="tab" id="mainHeading"> <h5 class="mb-0"> <a class="collapsed" data-toggle="collapse" href="#linkTarget" aria-expanded="false

我有一组折叠在页面上的手风琴卡片,其中一个示例是:

 <div class="card" style="display:none" >
<div class="card-header" role="tab" id="mainHeading">
  <h5 class="mb-0">
    <a class="collapsed" data-toggle="collapse" href="#linkTarget" aria-expanded="false" aria-controls="linkTarget">
    </a>
  </h5>
</div>
<div id="linkTarget" class="collapse" role="tabpanel" aria-labelledby="mainHeading" data-parent="#accordion">
  <div class="card-body">
    <a id="fileLink" href="https://downloads/testFile.pdf" download="filename">Test File</a>
  </div>
</div>
或者类似的东西,所以如果我给某人链接,他们点击它或去它,它的行为完全一样,如果他们折叠它,点击下载链接


有没有办法做到这一点

是的,您可以在编写任何javascript代码之前测试窗口href

 if(window.location.href == "www.testSite/FAQ#linkTarget/filename") {
     document.getElementsByClassName('CLASS').click();
   }

将url更改为所需的url,并将CLASS更改为所选url时要单击的元素的类

我当前没有使用任何javascript,只是使用UiKit,但您是否要将其包装起来,以便如果他们跟随链接,它将激活切换?如果我的手风琴项目被禁用,我可以直接转到下载链接吗?我不知道UiKit,所以请告诉我或给我看一行代码来显示密码,这是纯css吗?或者jquery?它非常像引导。基本上,我上面的东西差不多。它是一个带有标题的div,当您单击它时,它会使用目标扩展它下面的文本体。我现在对用户隐藏了它,我想使用一个链接来复制扩展和单击链接。我可以建议您在问题的标签中添加UiKit吗阅读我的编辑,告诉我是否我的英语是好的,如果理解一切:D
www.testSite/FAQ#linkTarget/filename
 if(window.location.href == "www.testSite/FAQ#linkTarget/filename") {
     document.getElementsByClassName('CLASS').click();
   }