Hi!

I had a draggable function and it was working nicely. But when I add NO-2 function, my draggabe function and my close button(button which included the div) broke down. Need help.

      HTML codes:

1.       
2. <div id="draggable" class="yeniyorum_div">
3. <div class="yeniyorum_baslik">
4. <span class="basliktext">Yeni yorum oluştur</span>
5. <button class="closebutton" type="button" id="hideshow"  >&times;</button>
6. </div>
7. <form method="POST" action="javascript:void(0);" class="yorumform">
8. <textarea name="yazilan_mesaj" class="yorumkutu_text" maxlength="140"></textarea><br />
9. <input type="submit" onclick="kayitol();" class="yorumgonderbutton" value="Yayınla">
10. </form>
11. </div>

           

     NO-1: Draggable function:

2. $(function() {    $( '#draggable' ).draggable({ containment: 'window' });
3.  $( '#draggable' ).draggable({ handle: '.header'});

      

     NO-2: This function for post data without refresh the available page.

2. function kayitol(){
3. $('.yeniyorum_div, .arka_fon').hide()
4. $('.yorum_basarili').fadeIn()
5. $('.yorum_basarili').fadeOut(4000)
7. var veriler = $('.yorumform').serialize(); 
8. $.ajax({ 
9. type: "POST", 
10. url: "yorum_ekle.php", 
11. data: veriler, 
13. })};