title: How to make hash navigation slideTo both parent and child slides in nested swipers?
body: <p>I'm using hash navigation for swiper like this:</p>
  
  <pre><code>hashNavigation: {
  watchState: true,
  replaceState: true,
  },
  </code></pre>
  
  <p>So I can navigate to slides when I click menu hash links.</p>
  
  <p>Works fine till I nest swipers inside slides. when I use the same hashNavigation settings for both parent and children swipers, only parent links are working as expected. But children links don't activate the parent slide, only the child.</p>
  
  <p>I checked the code from hash-navigation.js, this is the bit that handles the hash change:</p>
  
  <pre><code>onHashCange() {
  const swiper = this;
  const newHash = document.location.hash.replace('#', '');
  const activeSlideHash = 
  swiper.slides.eq(swiper.activeIndex).attr('data-hash');
  if (newHash !== activeSlideHash) {
  const newIndex = 
  swiper.$wrapperEl.children(`.${swiper.params.slideClass}[data- 
  hash="${newHash}"]`).index();
  if (typeof newIndex === 'undefined') return;
  swiper.slideTo(newIndex);
  }  },
  </code></pre>
  
  <p>Is it possible to slide to the parent slide when a child link is clicked? I'm thinking I can add the parent hash to the HTML in a similiar fashoin to data-hash, like parent-data-hash. But I have no clue what would be the JS to get this attribute value and slideTo accordingly. Any help would be greatly appreciated! Thank you!</p>