.children(selector) у DOM-объекта, а не jQuery-объекта.// Если меню не является e.target и e.target не находится внутри меню
if (!$('.mobile-nav').is(e.target) && !$('.mobile-nav').find(e.target).length) {
hideNav();
}<div class="time-wrap" data-value="25"></div>$('.time-wrap').data('value') == 25 или замените div на <input type="hidden" value="25">
<span class="show_widget">Показать с помощью моей кнопки</span>
<span class="hide_widget">Скрыть с помощью моей кнопки</span>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?151"></script>
<!-- VK Widget -->
<div id="vk_community_messages"></div>
<script type="text/javascript">
var widget = VK.Widgets.CommunityMessages("vk_community_messages", 120401514, {tooltipButtonText: "Я онлайн! Отвечу на все ваши вопросы."});
$('.show_widget').click(function(){
widget.expand();
});
$('.hide_widget').click(function(){
widget.minimize();
});
</script>$(document).ready(function(){
$("form").submit(function(event){
var $parent = $("#name, #email").parent().removeClass("has-success has-error");
//проверка поля name
$("#name").parent().addClass($("#name").val() ? "has-success" : "has-error");
//проверка поля email
$("#email").parent().addClass($("#email").val() ? "has-success" : "has-error");
// запрещаем отправлять, если есть хоть одна ошибка
if($parent.hasClass("has-error")) {
event.preventDefault();
}
});
});$(document).ready(function(){
$("form").submit(function(event){
$("#name, #email").each(function(){
$(this).parent()
.removeClass("has-success has-error")
.addClass($(this).val() ? "has-success" : "has-error")
.hasClass("has-error")
&& event.preventDefault();
});
});
});<p>
Текст текст <a href="#one">ссыль1</a> текст <a href="#two">ссыль2</a>
Еще текст лорем ипсум <a href="#three">все дела</a> сит амет
И еще <a href="#four">ссыль4</a>
</p>
<div class="slider">
<img id="one" src="image1.jpg">
<img id="two" src="image2.jpg">
<img id="three" src="image3.jpg">
<img id="four" src="image4.jpg">
</div>
<style type="text/css">
.slider {
position: relative;
overflow: hidden;
}
.slider img {
display: none;
position: absolute;
}
.slider img:target {
display: inline;
}
</style>display свойства width или opacity вместе с transition
<a href="#tab1">$('a[href^="#tab"]').click(function(){
$.ionTabs.setTab("Tabs_Group_name", "Tab_" + $(this).attr("href").replace('#tab', '') + "_name");
});<div class="content">
<div id="tab1">Beratung</div>
<div id="tab2">Jahresabschluss</div>
<div id="tab3">Finanzbuchhaltung</div>
<div id="tab4">Lohn- und Gehaltsbuchführung</div>
<div id="tab5">Steuererklärungen</div>
</div>.content {
position: relative;
}
.content > div {
position: absolute;
display: none;
background: #eee;
width: 100%;
}
.content > div:first-child,
.content > div:target {
display: block;
}transition и вместо display оперировать width или opacity
onmousedown, то вам еще нужно и о других позаботиться, ontouchstart, и прочих. Клик более универсален в этом плане, к тому же, не каждый пользователь кликает на ссылку с желанием по ней перейти. Возможно, он промахнулся, а может хочет ее перетянуть. Не пытайтесь оптимизировать то, что не требует оптимизации, разница между onmousedown и onclick, если пользователь желает перейти по ссылке настолько незначительна, что ее никто не заметит.onmousedown. К примеру, для реализации долгого клика мышью, который бы открывал ваше контекстное меню. Вот именно для таких случаев это событие и существует.
.parent {
overflow: hidden;
}
.child {
margin-right: -20px;
padding-right: 20px;
}$().animate() (ссыль) или в сторону шорткатов $().hide(200), $().show(200), $().fadeIn(200), $().fadeOut(200)position: relative;position: absolute;
width: 1em;
height: 1em;
opacity: 0;
border-radius: 0.5em;
transform: scale(0);
transition: all 1.5s linear$(document).ready(function(){
$(window).on('hashchange', function(e){
if (window.location.hash == '#4') {
// Do smth
}
});
}$('body').on('click') на $('html, body').on('scroll')data-аттрибут на элементе с id. Например на контейнере того, что вы подгружаете.callback выполнялся только при подходе к нижней границе контента. Тут есть несколько вариантов, сравнивать позицию нижней границу окна с позицией конца страницы, или определить элемент, при появлениии которого в поле зрения можно начинать подгрузку. true, а на 'complete-событии ajax-а снова сбрасываться в false
.code-line. Он у вас перекрывает область выделения..code-line:after свойства pointer-events: none; поможет этого избежать.