title: Wordpress. How to display subpages of child pages on mouse hover?
body: <p>I need to display subpages of child pages on mouse hover as on the image. 
  <img src="https://i.stack.imgur.com/ppyaw.png" alt="example"></p>
  
  <p>I try this code (without hover effect), but parent pages are also displayed.
  <a href="http://test06.menchasha.ru/" rel="nofollow noreferrer">http://test06.menchasha.ru/</a></p>
  
  <pre><code>&lt;?php 
    $args = array(
    'child_of' =&gt; $post-&gt;ID,
    'post_type' =&gt; 'page',
    'post_status' =&gt; 'publish',
    'sort_column' =&gt; 'menu_order' 
     ); 
    $pages = get_pages($args);  ?&gt;
    &lt;ul&gt; 
    &lt;?php foreach( $pages as $page ) { ?&gt;
     &lt;li&gt;
    &lt;a href="&lt;?php echo  get_permalink($page-&gt;ID); ?&gt;" rel="bookmark"         title="&lt;?php echo $page-&gt;post_title; ?&gt;"&gt;
    &lt;span class="title1"&gt;&lt;?php echo $page-&gt;post_title; ?&gt;&lt;/span&gt;
    &lt;/a&gt;
    &lt;/li&gt;
    &lt;?php } ?&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>How can I realize this task?</p>