Показать сообщение отдельно
  #1 (permalink)  
Старый 26.08.2013, 08:48
Аватар для hardware
Аспирант
Отправить личное сообщение для hardware Посмотреть профиль Найти все сообщения от hardware
 
Регистрация: 10.08.2013
Сообщений: 71

Не могу сделать всплывающий блок
Не получается сделать всплывающий блок .opoFlo он должен появлятся при наведение на .opovest а ищезать пи уводе с него с самого блока .opoFlo Смог сделать только появление. В закоментированном коде тоже попытка сделать скрытие
<div class="tovar">
                            <a href="#"><img src="images/tovars/cors/125.jpg" alt="cors" width="125" height="125" /></a>
                            <div class="opistov_Nam">
                                <h3 class="Nazvanie"><a href="#">Corsair CC600TWM-WHT</a></h3>
                                <p class="tovar_Opisanie">Компания Corsair выпустила особую «белоснежную» серию своих новых и заслуживающих внимание корпусов серии Graphite 600Т. Новинка стильно и необычно выглядит благодаря своей расцветке, при этом выполнена из качественных материалов и несет на себе богатый набор дополнительных «фишек». Graphite T600 White стоит недешево, особенно для Midi-tower корпуса...</p>
                            </div>
                            <div class="manipulation">
                                <p class="prise">7200.00 руб.</p>
                                <p class="nov_novar">Есть на складе</p>
                                <div class="colisto"><span class="plis">+</span><span class="minus">-</span><input type="text" value="1" maxlength="3"/></div>
                                <div class="cl"></div>
                                <div class="botCar bottomM">В корзину<div class="icCori"></div></div>
                                <p class="Zoclad">В закладки</p>
                            </div>
                            <div class="cl"></div>
                        </div>
                        <div class="tovar">
                            <a href="#"><img src="images/tovars/cors/125.jpg" alt="cors" width="125" height="125" /></a>
                            <div class="opistov_Nam">
                                <h3 class="Nazvanie"><a href="#">Corsair CC600TWM-WHT</a></h3>
                                <p class="tovar_Opisanie">Компания Corsair выпустила особую «белоснежную» серию своих новых и заслуживающих внимание корпусов серии Graphite 600Т. Новинка стильно и необычно выглядит благодаря своей расцветке, при этом выполнена из качественных материалов и несет на себе богатый набор дополнительных «фишек». Graphite T600 White стоит недешево, особенно для Midi-tower корпуса...</p>
                            </div>
                            <div class="manipulation">
                                <p class="prise">7200.00 руб.</p>
                                <p class="nov_novarN">Нет на складе</p>
                                <p class="opovest">Оповестить</p>
                                <div class="opoFlo">
                                    <p>Оповестить о появлении</p>
                                    <input type="text" name="login" placeholder="Ваше имя" class="obinp"/>
                                    <input type="password" name="password" placeholder="Ваш E-mail" class="obinp"/>
                                    <button class="opFB bottomM">Оповестить</button>
                                </div>
                                <div class="botCar bottomMN">В корзину<div class="icCori"></div></div>
                                <p class="Zoclad">В закладки</p>
                            </div>
                            <div class="cl"></div>
                        </div>
                        <div class="tovar">
                            <a href="#"><img src="images/tovars/cors/125.jpg" alt="cors" width="125" height="125" /></a>
                            <div class="opistov_Nam">
                                <h3 class="Nazvanie"><a href="#">Corsair CC600TWM-WHT</a></h3>
                                <p class="tovar_Opisanie">Компания Corsair выпустила особую «белоснежную» серию своих новых и заслуживающих внимание корпусов серии Graphite 600Т. Новинка стильно и необычно выглядит благодаря своей расцветке, при этом выполнена из качественных материалов и несет на себе богатый набор дополнительных «фишек». Graphite T600 White стоит недешево, особенно для Midi-tower корпуса...</p>
                            </div>
                            <div class="manipulation">
                                <p class="prise">7200.00 руб.</p>
                                <p class="nov_novarN">Нет на складе</p>
                                <p class="opovest">Оповестить</p>
                                <div class="opoFlo">
                                    <p>Оповестить о появлении</p>
                                    <input type="text" name="login" placeholder="Ваше имя" class="obinp"/>
                                    <input type="password" name="password" placeholder="Ваш E-mail" class="obinp"/>
                                    <button class="opFB bottomM">Оповестить</button>
                                </div>
                                <div class="botCar bottomMN">В корзину<div class="icCori"></div></div>
                                <p class="Zoclad">В закладки</p>
                            </div>
                            <div class="cl"></div>
                        </div>
                        <div class="tovar">
                            <a href="#"><img src="images/tovars/cors/125.jpg" alt="cors" width="125" height="125" /></a>
                            <div class="opistov_Nam">
                                <h3 class="Nazvanie"><a href="#">Corsair CC600TWM-WHT</a></h3>
                                <p class="tovar_Opisanie">Компания Corsair выпустила особую «белоснежную» серию своих новых и заслуживающих внимание корпусов серии Graphite 600Т. Новинка стильно и необычно выглядит благодаря своей расцветке, при этом выполнена из качественных материалов и несет на себе богатый набор дополнительных «фишек». Graphite T600 White стоит недешево, особенно для Midi-tower корпуса...</p>
                            </div>
                            <div class="manipulation">
                                <p class="prise">7200.00 руб.</p>
                                <p class="nov_novar">Есть на складе</p>
                                <div class="colisto"><span class="plis">+</span><span class="minus">-</span><input type="text" value="1" maxlength="3"/></div>
                                <div class="cl"></div>
                                <div class="botCar bottomM">В корзину<div class="icCori"></div></div>
                                <p class="Zoclad">В закладки</p>
                            </div>
                            <div class="cl"></div>
                        </div>

var sostOp = false;
    var opdcfs;
    var dgdg7;
    var fsd8;
     $('.opovest').mouseover(function() {
        fsd8 = $(this);
        opdcfs = $(this).parent();
        if(sostOp == false){
            opdcfs.find('.opoFlo').slideDown(200,function() {
                sostOp = true;
            });
        }
    });
    $('.opoFlo').mouseout(function() {
        if(sostOp == true){
            $('.opoFlo').slideUp(200,function() {
                sostOp = false;
            });
        }
    });
     /*$(document).mouseover(function(event) {
        dgdg7 = opdcfs.find('.opoFlo');
        var rty = fsd8+dgdg7;
        if ($(event.target).closest(rty).length) return;
        if(sostOp == true){
            $(dgdg7).slideUp(200,function() {
                sostOp = false;
            });
            event.stopPropagation();
        };
    });*/
Ответить с цитированием