slide down kommer ikke frem

Hej

Det er sådan at jeg henter noget ud fra databasen og skal have vist det på siden, det er sådan når jeg f.eks klik på submit knappen så skal den komme frem med indhold som tilføjer den submit det vil sige f.eks indhold 1 tilhører submit 1,

 if ($stmt = $this->mysqli->prepare('SELECT fornavn, efternavn, point FROM bruger WHERE `id` = ?')) { 
             $stmt->bind_param('i', $id);
             $id = $_SESSION["id"];
             $stmt->execute();
             $stmt->store_result();
             $stmt->bind_result($fornavn, $efternavn, $point);
             while ($stmt->fetch()) {
                 if ($stmt = $this->mysqli->prepare('SELECT title, filenavn FROM dwopgaver')) { 
                     $stmt->execute();
                     $stmt->bind_result($title, $filenavn);
                     while ($stmt->fetch())
                     {
                         if($point >= 30)
                         {
                         ?>
                         <div class="dwopgave">
                         <strong><?php echo $title;?></strong>
                         <form action="#" method="post">
                             <input type="submit" name="dw" value="Download" class="dwopgavenuogher">
                         </form>
                         <div class="dwbox">
                             <a href="/opgaveFile/<?php echo $filenavn;?>" target="_black"><?php echo $title;?></a>
                         </div>
                         </div>
                         <?php
                         }
                         else
                         {
                         ?>
                         <div id="error"><?php echo $fornavn . " " . $efternavn;?> har ikke 30 point på din bruger!, <b>Du har kun <?php echo $point;?> point</b></div>
                         <?php
                         }
                     }
                     $stmt->close();
                 }
             }
             $stmt->close();
         }

 $(".dwopgavenuogher").click(function() {
   $(".dwbox").slideDown("slow",function() {
   });
 });

 .dwopgave {
     padding: 2px 3px;
     margin: 2px 0px;
     border-bottom: 1px solid #999;
     clear: both;
     
     text-align: center;
 }
 .dwbox {
     display: none;
     color: Red;
     font-weight: bold;
 }

Sådan her ser det ud lige nu og når jeg klikker på submit så kommer .dwbox ikke frem på nogle måde.

Du kan se hvordan det ser ud her


Jeg har også prøvet at gøre sådan her:

 <div class="dwopgave">
                         <strong><?php echo $title;?></strong>
                         <form action="#" method="post">
                             <input type="submit" name="dw" value="Download" class="dwopgavenuogher">
                         </form>
                         <div class="dwbox">
                             <a href="/opgaveFile/<?php echo $filenavn;?>" target="_black"><?php echo $title;?></a>
                         </div>
                         </div>
                         <script> 
                         $(document).ready(function(){
                           $(".dwopgavenuogher").click(function(){
                             $(".dwbox").slideDown("slow");
                           });
                         });
                         </script>

Det virker næsten men når jeg klik så hopper den lidt ned men kommer hurtig tilbage igen på plads det vil sige at den bare gå ned og tilbage igen med det samme.