title: Change Text on another Div
body: <p>Good evening Community,
  I have a problem with my code.</p>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;a href="aboutme.php"&gt;
         &lt;div class='aboutus'&gt;
              &lt;div id="mbubble"&gt;
                  stuff inside here
              &lt;/div&gt;
          &lt;/div&gt;
     &lt;/a&gt;
     &lt;div id='title'&gt;
          &lt;div class="thome"&gt;&lt;p style="letter-spacing:10;"&gt;Text BEFORE&lt;/p&gt;&lt;/div&gt;
          &lt;div class="tabout"&gt;&lt;p style="letter-spacing:10;"&gt;Text AFTER&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want if I hover over the div "mbubble" that the class "thome" will change it's text. I tried to do that by making them visible / invisible.</p>
  
  <p>CSS:</p>
  
  <pre><code>#mbubble:hover ~ .thome { visibility:hidden; }
  #mbubble:hover ~ .tabout { visibility:visible; }
  </code></pre>
  
  <p>But it's sowhing no affect?</p>
  
  <p>Can you tell me how you would do that? Or at least any way that's working to change the text by hovering?</p>
  
  <p>Best regards,
  Michael</p>