slideToggle problem

slideToggle problem

Hello, I'm new to jquery and heaving problem with toggling divs they, wont toggle, is it possible?  

here is the code... please help

<style>
col_1_dt, col_4_dt, col_5_dt, col_6_dt, col_9_dt, col_10_dt{ 
background:#fee; font-size:12px; color:#337;
width:450px; 
float: right; 
} 
col_2_dt, col_7_dt{ 
background:#fee; font-size:12px; color:#337;
width:225px; 
float: right; 
}
col_3_dt, col_8_dt{ 
background:#fee; font-size:12px; color:#337;
width:225px; 
float: left; 
}
<style>
<script>
    $(document).ready(function(){ 
    $("showme").click(function () {
      $("p").slideToggle("fast");
    }); 
});
</script>
  <showme>shown</showme>

<p style="display: none">
    <div id="col_1_dt"><? echo $row['Category1'].' - '.$row['SubCat1']; ?></div><br>
    <div id="col_2_dt"><? echo $row['Category2'].' - '.$row['SubCat2']; ?></div>
    <div id="col_3_dt"><? echo $row['Category3'].' - '.$row['SubCat3']; ?></div><br>
    <div id="col_4_dt"><? echo $row['Category4'].' - '.$row['SubCat4']; ?></div><br>
    <div id="col_5_dt"><? echo $row['Category5'].' - '.$row['SubCat5']; ?></div><br>
    <div id="col_6_dt"><? echo $row['Category6'].' - '.$row['SubCat6']; ?></div><br>
    <div id="col_7_dt"><? echo $row['Category7'].' - '.$row['SubCat7']; ?></div>
    <div id="col_8_dt"><? echo $row['Category8'].' - '.$row['SubCat8']; ?></div><br>
    <div id="col_9_dt"><? echo $row['Category9'].' - '.$row['SubCat9']; ?></div><br>
    <div id="col_10_dt"><? echo $row['Category0'].' - '.$row['SubCat0']; ?></div><br>

</p>