Не работает .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 |
Часовой пояс GMT +3, время: 18:17. |