Предотвращение закрытия SlideToggle со ссылками li (дочерними) при нажатии на ссылку + Предотвращение исчезновения дочернего текста li - PullRequest
Новая
       4

Предотвращение закрытия SlideToggle со ссылками li (дочерними) при нажатии на ссылку + Предотвращение исчезновения дочернего текста li

0 голосов
/ 04 декабря 2018

У меня есть слайд-переключатель со ссылками в списке li.Ссылки открывают новое окно (_target = "_ blank").Когда я закрываю новое окно и возвращаюсь в главное окно, дочерние элементы закрываются - родительский список все еще отображается (даже если родительский список является частью слайд-тумблера).Когда вы щелкаете по родительскому элементу, дочерний элемент ссылки, по которой щелкнули, исчезает (хотя маркер все еще там).Мне нужно 2 вещи: 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}
...