Question

我在li列表中有一个带有链接的幻灯片。这些链接将打开一个新窗口（_target =“ _ blank”）。当我关闭新窗口并返回主窗口时，子级已关闭-父级列表仍显示（即使父级列表是slidetoggle的一部分）。当您单击父项时，被单击的链接的子项会消失（尽管项目符号仍然存在）。我需要两件事：1）使链接的孩子不消失，以及2）当我返回页面时，孩子仍然保持打开和可见的状态。

我在https://jsfiddle.net/cusinger/zag54s09/2/创建了一个小提琴。单击网站（父级），然后单击一个链接（子级）...然后关闭新窗口。您会注意到2个父母还在那里...但是孩子们都被关了。然后单击父项。您会看到孩子不见了。

这是基本代码：

<h2 class="headeingClick"  >Start a Business </h2>
<ul class="dropDown1">

<li id="subHeadingClick"  >Other stuff
<ul class="dropDown_demo">
<li ><a href="https://www.irs.gov" target="_blank" >irs.gov</a>
<li ><a href="https://www.att.com" target="_blank" >att.com</a>
<li ><a href="http://www.networksolutions" target="_blank">networksolutions.com</a>
</ul>
</li>

<li id="subHeadingClick"  style="text-align:left">Websites
<ul class="dropDown_demo">
<li><a href="https://www.readyconnect.us" target="_blank" >readyconnect</a>
<li><a href="https://www.toolsforbusiness.info" target="_blank">toolsforbusiness</a>
<li><a href="http://www.chambercomplete.com" target="_blank">chambercomplete</a>
</ul>
</li>     
</ul>



<script src="https://www.toolsforbusiness.info/success-in-minnesota/assets/jscript/jquery-1.7.2.min.js"></script>
<script src="https://www.toolsforbusiness.info/success-in-minnesota/assets/jscript/jquery-1.11.0.min.js"></script>


<script>
$(document).ready(function(e) {
    $(".headeingClick").click(function(){
        $(this).next().slideToggle(200);
    });
    $(".dropDown1 li").click(function(){
  $(this).children().slideToggle(200);
  $('.menu li a').click(function(e) {
});
    });
});

</script>
</body>
</html>`

css是这样的：

.dropDown1 {display: none;}
.dropDown1 li ul {display: none}
.sectionContent {display: none}

防止单击链接时关闭带有li链接（子级）的SlideToggle +防止子li文本消失

0 个答案: