title: How to make toctree link refer to the separate file like it refers to the subsections
body: <h3>Structure</h3>
  
  <p>The following structure of the project:</p>
  
  <ul>
  <li><p><code>index.rst</code></p>
  
  <pre><code>MyProject
  =========
  
  Contents:
  
  .. toctree::
  
     group1
  </code></pre></li>
  <li><p><code>group1.rst</code></p>
  
  <pre><code>Group1
  ------
  
  Subgroup1
  =========
  
  Subgroup1 contents
  
  Subgroup2
  =========
  
  Subgroup2 contents
  </code></pre></li>
  </ul>
  
  <p>Rendered to (after clicking on <code>Group1</code> -> <code>Subgroup2</code>):</p>
  
  <p><a href="https://i.stack.imgur.com/SKZal.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SKZal.png" alt="clicked-on-subsection"></a></p>
  
  <p>As you can see it opens the <code>Group1</code> page and linked to <code>Subgroup2</code> section.</p>
  
  <h3>Want</h3>
  
  <p>I want to have the same on the left side (<code>Group1</code> openned and <code>Subgroup2</code> choosed) but on the right side I want to see only <code>Subgroup2</code> page (page without <code>Subgroup1</code> content).</p>
  
  <p>I.e. have file <code>group1/subgroup1.rst</code>:</p>
  
  <pre><code>Subgroup2
  =========
  
  Subgroup2 contents
  </code></pre>
  
  <p>Rendered to:</p>
  
  <p><a href="https://i.stack.imgur.com/UsW6G.png" rel="noreferrer"><img src="https://i.stack.imgur.com/UsW6G.png" alt="want"></a></p>
  
  <p>How it can be achieved? This is a simple example with the depth 2, what about depth 3-4?</p>