สอบถามการใช้ slideToggle หน่อยครับ พอดีมันหลายไอดีจะทำยังไง

<script type="text/javascript">
    $(document).ready(function(){
        $("#flip").click(function(){
            $("#panel").slideToggle("slow");
        });
    });
</script>

<style type="text/css">
#panel {display: none; padding: 10px;}
</style>

<?php
$selPR = "select * from dbo_pr order by PR_DATE DESC;";
$qryPR = mysql_query($selPR)or die(mysql_error());
while($rstPR = mysql_fetch_assoc($qryPR)){
     echo '<button class="btn btn-default col-lg-10" id="flip">'.$rstPR['PR_TITLE'].'</button>';
     echo '<button class="btn btn-danger col-lg-2" onclick="javascript:deletePR("'.$rstPR['PRID'].'");">- Delete -</button>';
     echo '<div id="panel" class="col-lg-10" style="border:1px solid #CCC;">'.$rstPR['PR_DETAIL'].'</div>';
     echo '<div class="cleaner_h10"></div>';
}
?>

ตามนี้มันต้อง ตั้งชื่อ ให้ ID ไม่เหมือนกันใช่ไหมครับ  ตรงนี้เข้าใจแต่ เราจะไปตั้งใน jquery และ css ยังไงอ่ะครับ  งงแล้ว อิอิ  ขอผู้รู้ช่วยทีครับ