Hide Jquery Draggable Div 제거

Question

Drupal의 일부 draggable div에 Jquery를 사용하고 있습니다. 모두 잘 작동합니다. 더 이상 필요하지 않으면 div/box를 닫을 수 있어야합니다. 사용자가 모서리에 X 그래픽입니다 cc_close을 클릭하면,

<?php 
drupal_add_js(' 
$(document).ready(function() { 
    $(".cc-drag").draggable({ stack: ".cc-drag", axis: "x" }); 
}); 

    $(".cc_close").click(function() { 
     $(this).hide(2000, function() { 
     $(this).remove(); 
     }); 
    }); 

','inline'); 
?> 

<div class="cc-drag"> 
    <div class="cc_top"> 
    <div class="cc_close">&nbsp;</div> 
    <div class="cc_content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit dolor, ornare non vulputate quis, dictum ut neque. 
    Nunc non velit at nulla posuere pulvinar. Maecenas vitae diam iaculis lorem sagittis condimentum et at elit. 
    Praesent ac augue dolor. 
    Sed sit amet orci leo, vitae sagittis ante. 
    Phasellus id volutpat nibh. 
    Nam ullamcorper mi at urna cursus vitae aliquet est ullamcorper. 
    </div> 
    </div> 
<div class="cc_bottom"></div> 
</div> 

<div class="cc-drag"> 
    <div class="cc_top"> 
    <div class="cc_close">&nbsp;</div> 
    <div class="cc_content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit dolor, ornare non vulputate quis, dictum ut neque. 
    Nunc non velit at nulla posuere pulvinar. Maecenas vitae diam iaculis lorem sagittis condimentum et at elit. 
    Praesent ac augue dolor. 
    Sed sit amet orci leo, vitae sagittis ante. 
    Phasellus id volutpat nibh. 
    Nam ullamcorper mi at urna cursus vitae aliquet est ullamcorper. 
    </div> 
    </div> 
<div class="cc_bottom"></div> 
</div> 

<div class="cc-drag"> 
    <div class="cc_top"> 
    <div class="cc_close">&nbsp;</div> 
    <div class="cc_content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit dolor, ornare non vulputate quis, dictum ut neque. 
    Nunc non velit at nulla posuere pulvinar. Maecenas vitae diam iaculis lorem sagittis condimentum et at elit. 
    Praesent ac augue dolor. 
    Sed sit amet orci leo, vitae sagittis ante. 
    Phasellus id volutpat nibh. 
    Nam ullamcorper mi at urna cursus vitae aliquet est ullamcorper. 
    </div> 
    </div> 
<div class="cc_bottom"></div> 
</div> 

내가 부모 DIV의 CC-드래그를 닫 꿔 : 여기에 내 코드입니다.

아이디어가 있으십니까? 감사!

Answer 1

당신은 닫으려는 하나는 부모 DIV를 타겟팅 할 수 있습니다 :

$(".cc_close").click(function() { 
    $(this).parent().hide(2000, function() { 
    $(this).remove(); 
    }); 
}); 

Answer 2

아 ... 어리석은 실수, 나는 });

작업으로, 너무 일찍 폐쇄 것 코드는 지금 읽고 다음에 대한

<?php 
drupal_add_js(' 
    $(document).ready(function() { 
     $(".cc-drag").draggable({ stack: ".cc-drag", containment: "#page-wrapper" }); 


    $(".cc_close").click(function() { 
     $(this).parent().hide(2000, function() { 
     $(this).remove(); 
     }); 
    }); 

    }); 
','inline'); 
?> 

헬프 googletorp 주셔서 감사합니다 ...