jquery - 当我点击我的 div 时，我不希望它影响同一类的所有 div ？

Question

最初，当我单击我的 div 时，标题会向上滑动，但它也会影响同一类的所有其他 div。我只是想让它影响正在点击的div。所以我尝试了下面这个选项，但它根本不起作用!任何帮助，将不胜感激。谢谢!

$(document).ready(function() {
    $(".bubble").click(function() {
        $(this).find('.slide-up').slideToggle(1000);              
    });

});

<div class="property">  
<div class="left-column">       
    <img src="<?php bloginfo('template_directory'); ?>/images/test-image.jpg" width="670px" height="450px" />       
    <div class="bubble"></div>      
    <div class="slide-up"><h1>CHARM? LOCATION? AWESOME? CHECK, CHECK AND CHECK</h1></div>   
</div>

Answer 1

尝试:

$(document).ready(function() {
    $(".bubble").click(function() {
        $(this).next('.slide-up').slideToggle(1000);              
    });

});