Наведите указатель мыши на элемент div, чтобы открыть вложенный диапазон с помощью jQuery.
Попробуйте следующее:
<?php
setcookie("TestName", "Test Value", time()+3600 * 24 * 365);
?>
>> Here 'TestName' is name of cookie.
>> "Test Value" is value to store.
>> time()+3600 * 24 * 365 - will set cookie time till 1 year.
Спасибо!
1
задан ultraloveninja 16 January 2019 в 21:12
поделиться
4 ответа
Вы можете создать правило CSS, которое скрывает вложенный элемент, только если родительский элемент не найден.
.parent-item:not(:hover) .meta--reveal {
display: none;
}<div class="parent-item">
<h3>title 01</h3>
<span class="meta--reveal">
<a class="btn" href="#">Link</a>
</span>
</div>
<div class="parent-item">
<h3>title 02</h3>
<span class="meta--reveal">
<a class="btn" href="#">Link</a>
</span>
</div>В противном случае ваша существующая логика работает . Вам просто не хватает второго метода, который переворачивает шоу.
$('.parent-item').hover(function() {
$(this).find('.meta--reveal').show();
}, function(){
$(this).find('.meta--reveal').hide();
});.parent-item .meta--reveal {
display: none;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent-item">
<h3>title 01</h3>
<span class="meta--reveal">
<a class="btn" href="#">Link</a>
</span>
</div>
<div class="parent-item">
<h3>title 02</h3>
<span class="meta--reveal">
<a class="btn" href="#">Link</a>
</span>
</div>0
ответ дан Taplar 16 January 2019 в 21:12
поделиться
Скрыть все ссылки перед отображением выбранной.
$('.parent-item').hover(function() {
//hide all the link before displaying the selected one.
$('.meta--reveal').hide();
//displays the selected item
$(this).find('.meta--reveal').show();
});
0
ответ дан Jackson 16 January 2019 в 21:12
поделиться
Используйте jQuery для добавления и удаления классов для переключения отображения, объединившись с «.children» для выбора цели
$(document).ready(function() {
$(".hover").mouseover(function() {
$(this).children('.target').removeClass("hide").addClass("reveal");
});
$(".hover").mouseleave(function() {
$(this).children('.target').removeClass("reveal").addClass("hide");
});
});.hide {
display: none;
}
.reveal {
display: block;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="hover">
<h3>title 01</h3>
<div class="target hide">
<span class="metaReveal"><a class="btn" href="#">Link</a></span>
</div>
</div>
<div class="hover">
<h3>title 02</h3>
<div class="target hide">
<span class="metaReveal"><a class="btn" href="#">Link</a></span>
</div>
</div> 0
ответ дан marc_s 16 January 2019 в 21:12
поделиться
это работает. Во-первых, элемент показа должен быть 'display: none'.
$('.parent-item').hover(function() {
$(this).find('.meta--reveal').show();
});.meta--reveal {
display:none;
}<div class="parent-item">
<h3>title 01</h3>
<span class="meta--reveal">
<a class="btn" href="#">Link</a>
</span>
</div>
<div class="parent-item">
<h3>title 02</h3>
<span class="meta--reveal">
<a class="btn" href="#">Link</a>
</span>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script> Также можно использовать children() вместо find()
0
ответ дан dgknca 16 January 2019 в 21:12
поделиться
Другие вопросы по тегам: