.mobile .flash,
.tablet .flash {
display: none;
}$(function(){ obj.show(); });
$(function(){
function() {
$('body').on('mouseover', 'div',
function() {
$('.name', $(this)).show();
}
);
}
});var obj = {
show: function() {
$('body div').mouseover(function() {
$('.name', $(this)).show();
} );
}
}var obj = {
show: $('body').on('mouseover', 'div',
function() {
$('.name', $(this)).show();
}
);
}<div class="hover_me">hover_me</div>.hover_me {
width: 300px;
margin: 0 auto;
border: 10px solid grey;
padding: 20px;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
transition: padding .5s 2s; //<= padding - свойство на которое влияет этот транзишон,
//.5s - время анимации, 2s - задержка анимации
//в данном случае получается, что при потере ховера
//в течении 2х секунд блок не будет возвращаться
//к первоначальному размеру, если в течении двух
//секунд опять будет ховер на блоке, то возврата
//к начальному состоянию не будет
}
.hover_me:hover {
transition: padding .5s; //<= здесь же не надо указывать задержку, чтобы анимация
//происходила сразу, хотя правильней буджет сказать, что
//тут указана задержка в 0 секунд (по дэфолту), при этом
//свойство указывать нужно иначе будет использовано
//свойство из обычного состояния объекта
padding: 60px 20px;
}#rightpanel {
transition: .5s;
right: 0px;
top: 0px;
}
#rightpanel.hide{
right: -301px;
top: 0px;
}$('.right-carret').click(function(){
$("#rightpanel").toggleClass('hide');
});$(function(){
$('.some_block').height($('.some_block').width()/2.5);
$(window).resize(function(){
$('.some_block').height($('.some_block').width()/2.5);
});
});