Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.10.2014, 17:33
Новичок на форуме
Отправить личное сообщение для devias Посмотреть профиль Найти все сообщения от devias
 
Регистрация: 15.10.2014
Сообщений: 1

Не работает .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"); 
    });
Ответить с цитированием
  #2 (permalink)  
Старый 15.10.2014, 18:11
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

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

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

В результате у тебя одна часть кода скрывает блок plansBlockShow, а другая тут же отображает его)
__________________
В личку только с интересными предложениями
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS: работает на сервере, не работает из папки -majestic- Общие вопросы Javascript 2 02.08.2012 13:41
Не работает push! Динамическая вставка TSEH25 ExtJS 5 03.07.2012 12:00
jQyery функция странно работает! Midel Общие вопросы Javascript 4 08.04.2012 12:40
помогите найти ошибку (работает в IE но не работает в Firefox) Len4ik Javascript под браузер 2 11.05.2010 14:41
Safari + ajax некорректно работает, а в других работает demi AJAX и COMET 35 15.07.2009 13:11