title: Why the div element is not appearing Infront of the current div but its only visible at the static div?
body: <p>The problem is when I click the Option (button) that appears on every div after I fetch the data using the While loop it only appears the top div but not the current div that I am viewing. This is the picture when I click the Option it only appears the one place:<br />
  <a href="https://i.stack.imgur.com/AHhT3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AHhT3.png" alt="This is the picture when i click the Option it only appears the one place." /></a></p>
  <pre><code>&lt;?php
  $connect = mysqli_connect('localhost','root','','users_data_allocation');
  
  $feeder = &quot;SELECT * FROM `trade_feed_post`&quot;;
  $runfeed = mysqli_query($connect,$feeder);
  
  
  
  while ($showfeed = mysqli_fetch_assoc($runfeed)) {
      # code...
      $feedAcc = $showfeed['OwnerACC'];
  $feedDate = $showfeed['Date and time'];
  $feedQuote = $showfeed['quote'];
  $feedBuys = $showfeed['No.of buys'];
  
  echo &quot;
  &lt;div class=\&quot;border\&quot;&gt;
                      &lt;p&gt;&quot;.$feedAcc.&quot;&lt;/p&gt;
                      &lt;button onclick=\&quot;showOpt()\&quot;&gt;Option&lt;/button&gt;
                      &lt;div class=\&quot;menu\&quot;&gt;
                          This is menu.
                      &lt;/div&gt;
                  &lt;/div&gt;
  
  &quot;;
  
  }
  
  
              ?&gt;
  
              &lt;html lang=&quot;en&quot;&gt;
              &lt;head&gt;
                  &lt;meta charset=&quot;UTF-8&quot;&gt;
                  &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
                  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
                  &lt;title&gt;ShowData&lt;/title&gt;
                  &lt;style&gt;
                      .border{
                          background-color: black;
                          color: white;
                          border: 2px solid red;
                          height: 220px;
                          width: 400px;
                          font-family: ebrima;
                          font-size: 25px;
                          padding-left: 10px;
                      }
                      .menu{
                          display: none;
                      }
                  &lt;/style&gt;
                  &lt;script&gt;
                      function showOpt() {
                          document.querySelector('.menu').style.display = 'block';
                      }
                  &lt;/script&gt;
              &lt;/head&gt;
              &lt;body&gt;
                  
              &lt;/body&gt;
              &lt;/html&gt;
  </code></pre>