Не получается сделать всплывающий блок .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();
};
});*/
