Не работает .css()
 

Здравствуйте.
Есть таккая html разметка:

<div class="plans">
                    <div class="planBlock lf">
                        <p>130% за 24 часа</p> 
                        <div class="plansBlockShow" id="plansBlockShow130">
                            <div class="close"></div>
                            <h2>130% за 24 часа</h2>
                            <div class="plansBlockShow_t">
                                <p class="lf">160 % <br/><span>доход по плану</span></p>
                                <p class="lf">24 часа <br/><span>период инвестиций</span></p>
                            </div>
                            <div class="clr"></div>                 
                            <div class="plansBlockShow_b">
                                <p class="lf">10 $ <br/><span>min вклад</span></p>                     
                                <p class="lf">1000 $ <br/><span>max вклад</span></p> 
                            </div>
                            <div class="clr"></div>
                            <p class="nachislenie">НАЧИСЛЕНИЕ В КОНЦЕ СРОКА<br/><span>КОМИССИИ СИСТЕМЫ НА ВЫВОД НЕТ </span></p>
                        </div>
                    </div>
                    <div class="planBlock lf">
                        <p>160% за 24 часа</p>
                        <div class="plansBlockShow" id="plansBlockShow160">
                            <div class="close"></div>
                            <h2>160% за 24 часа</h2>
                            <div class="plansBlockShow_t">
                                <p class="lf">160 % <br/><span>доход по плану</span></p>
                                <p class="lf">24 часа <br/><span>период инвестиций</span></p>
                            </div>
                            <div class="clr"></div>                 
                            <div class="plansBlockShow_b">
                                <p class="lf">10 $ <br/><span>min вклад</span></p>                     
                                <p class="lf">1000 $ <br/><span>max вклад</span></p> 
                            </div>
                            <div class="clr"></div>
                            <p class="nachislenie">НАЧИСЛЕНИЕ В КОНЦЕ СРОКА<br/><span>КОМИССИИ СИСТЕМЫ НА ВЫВОД НЕТ </span></p>
                        </div>
                    </div>
                    <div class="planBlock lf">
                        <p>200% за 24 часа</p>
                        <div class="plansBlockShow" id="plansBlockShow200">
                            <div class="close"></div>
                            <h2>200% за 24 часа</h2>
                            <div class="plansBlockShow_t">
                                <p class="lf">200 % <br/><span>доход по плану</span></p>
                                <p class="lf">24 часа <br/><span>период инвестиций</span></p>
                            </div>
                            <div class="clr"></div>                 
                            <div class="plansBlockShow_b">
                                <p class="lf">10 $ <br/><span>min вклад</span></p>                     
                                <p class="lf">1000 $ <br/><span>max вклад</span></p> 
                            </div>
                            <div class="clr"></div>
                            <p class="nachislenie">НАЧИСЛЕНИЕ В КОНЦЕ СРОКА<br/><span>КОМИССИИ СИСТЕМЫ НА ВЫВОД НЕТ </span></p>
                        </div>
                    </div>
                </div>

Делаю так:

$(".planBlock").click(function (){
       $(this).children(".plansBlockShow").css("display","block"); 
    });
    
    $(".plansBlockShow .close").click(function (){  
        $(this).parent().css("display","none"); 
    });

Вообще-то есть show()/hide()

plansBlockShow .close является частью planBlock. Таким образом клик по plansBlockShow .close - это также и клик по plansBlock.

В результате у тебя одна часть кода скрывает блок plansBlockShow, а другая тут же отображает его) :D