Как скрыть подменю у одного пункта wayfinder?

Антон Тарасов, а подскажите, несовсем понял, сниппет if, его где нужно вызывать?
т.е. строка - [[if? &is=`[*parent*]:=:5` &then=`true` &else=`false`]]
ее в этом же чанке перед li писать?

Как скрыть подменю у одного пункта wayfinder?

Антон Тарасов, не получается, так выводит в коде

<li>
        <a href="[/contact/]">[Контакты]</a>[]
</li>

т.е. ссылку берет в скобки [] и вместо подменю выводит также скобки []

Почему при клике не получается отобразить картинку в ссылке?

да спасибо, работает

Как обратиться к alt картинки и вывести только те, которые соответствуют условию?

wakenby,

<script>
function toggleImages (alt) {
  var photos = document.querySelector('.photos');
  photos.querySelectorAll('a').forEach(a => a.style.display = 'none')
  photos.querySelectorAll(`img[alt="${alt}"]`).forEach(a => a.style.display = '')
}

function toggleImages2 () {
  var photos2 = document.querySelector('.photos');
  photos2.querySelectorAll('a').forEach(a => a.style.display = '')
}
</script>

<div class="gallery-filtr">
<a href="#" onclick="return toggleImages2();">Показать все</a>
<a href="#" onclick="return toggleImages(2016);">2016</a>
<a href="#" onclick="return toggleImages(2017);">2017</a>
<a href="#" onclick="return toggleImages(2018);">2018</a>
<a href="#" onclick="return toggleImages(2019);">2019</a>
</div>

<div class="photos">

<a title="" href="assets/galleries/1.jpg">
<img src="assets/galleries/1min.jpg" alt="2016" title="" />
</a>
<a title="" href="assets/galleries/2.jpg">
<img src="assets/galleries/2min.jpg" alt="2016" title="" />
</a>
<a title="" href="assets/galleries/3.jpg">
<img src="assets/galleries/3min.jpg" alt="2017" title="" />
</a>
<a title="" href="assets/galleries/4.jpg">
<img src="assets/galleries/4min.jpg" alt="2017" title="" />
</a>
<a title="" href="assets/galleries/5.jpg">
<img src="assets/galleries/5min.jpg" alt="2017" title="" />
</a>
<a title="" href="assets/galleries/6.jpg">
<img src="assets/galleries/6min.jpg" alt="2018" title="" />
</a>
<a title="" href="assets/galleries/7.jpg">
<img src="assets/galleries/7min.jpg" alt="2018" title="" />
</a>
<a title="" href="assets/galleries/8.jpg">
<img src="assets/galleries/8min.jpg" alt="2019" title="" />
</a>
<a title="" href="assets/galleries/9.jpg">
<img src="assets/galleries/9min.jpg" alt="2019" title="" />
</a>
<a title="" href="assets/galleries/10.jpg">
<img src="assets/galleries/10min.jpg" alt="2019" title="" />
</a>
<a title="" href="assets/galleries/11.jpg">
<img src="assets/galleries/11min.jpg" alt="2019" title="" />
</a>
<a title="" href="assets/galleries/12.jpg">
<img src="assets/galleries/12min.jpg" alt="2019" title="" />
</a> 

</div>

Как обратиться к alt картинки и вывести только те, которые соответствуют условию?

function toggleImages (alt) {
var photos = document.querySelector('.photos');
photos.querySelectorAll('a').forEach(a => a.style.display = 'none')
photos.querySelectorAll(`img[alt="${alt}"]`).forEach(a => a.style.display = '')
}

подскажите, не получается отобразить картинку , которая в ссылке находится
т.е. строка - photos.querySelectorAll(`img[alt="${alt}"]`).forEach(a => a.style.display = '')
мне нужно сравнить по альту, а далее отобразить ссылку вместе с картинкой.
это никак не получается.

Как обратиться к alt картинки и вывести только те, которые соответствуют условию?

function toggleImages (alt) {
var photos = document.querySelector('.photos');
photos.querySelectorAll('a').forEach(a => a.style.display = 'none')
photos.querySelectorAll(`img[alt="${alt}"]`).forEach(a => a.style.display = '')
}

подскажите, не получается отобразить картинку , которая в ссылке находится
т.е. строка - photos.querySelectorAll(`img[alt="${alt}"]`).forEach(a => a.style.display = '')
мне нужно сравнить по альту, а далее отобразить ссылку вместе с картинкой.
это никак не получается.