l55uiz

Не понятны такие строгие условия с абсолютным позиционированием всех блоков внутри родителя.
Может вот так подойдет: https://jsfiddle.net/ac00u8zL/ ? В родителе, который флекс колонка, растягиваем абсолютным позиционированием картинку и даем z-index: 15, а контент размещается так как ему и положено правилами с z-index: 20, например. Хотя лучше бы изображения которые будут фоном таки помещать в background.

Если же править твой jsfiddle то есть вариант JS'ом при загрузке замерять высоту у блока с контентом и присваивать ее блку с картинкой и родителю.

потому-что сначала обрабатывается анимация в mouseup, а потом анимация в .on('click')
если хочешь ускорить и оставить без изменений то добавь в условие к mouseup - div.hasClass('active'), чтобы получить

if (!div.is(e.target) && div.has(e.target).length === 0 && div.hasClass('active'))

https://codepen.io/delphinpro/pen/bWeZJP

.why_new_life_item:last-child .why_new_life_item_content {
left: auto;
right: 100%;
}
допишите вот так

$stmt = $this->runQuery("SELECT count(id) FROM orders WHERE user_id =:user_id");

а то вы чет перемудрили

echo $stmt->rowCount();
это зачем? учитывая что вы выбираете уже каунт?

я бы точно помог, если бы понял суть вопроса =) попробуйте более детально объяснить, может кусок html показать

upd: может это? jquery.page2page.ru/index.php5/%D0%A1%D0%B5%D0%BB%...

upd2: если конкретнее то так:
$( 'div' ).not( '[id="history"]' ).addClass('tab-hide');
$( 'div' ) вместо этого нужно придумать как выбрать все ваши элементы

upd3:
$( '.main-container div' ).not( '[id="history"]' ).addClass('tab-hide');

if (in_array($_SERVER['HTTP_REFERER'], ["http://$_SERVER[SERVER_NAME]/cart", "http://$_SERVER[SERVER_NAME]/cart.php"])) {}

атрибут id должен быть уникальным для каждого элемента на странице, по этому лучше класс использовать или вообще дата-аттрибут. Но он тут не нужен - всё есть в href.

<a  href='cart.php?addToCart=<?=$items_list['id']?>' class="add-to-cart" >В корзину</a>

$("a.add-to-cart").on('click', function() {
  $('.count').load(this.href)
}

Но если будет динамическая подгрузка новых товаров без перезагрузки (при прокрутке к низу или применении фильтра), то лучше обработчик не на сами ссылки вешать, а на родительский блок

$('.content').on('click', 'a.add-to-cart', function() {...}

Или вообще просто вынести в скрипте в отдельную функцию и прописать её в onclick на сервере.

Потому, что id в пределах страницы должен быть уникальным, а у вас он повторяется для каждой ссылки: id="add-to-cart". Поэтому берется первый попавшийся элемент с таким id.

Для начала, нам нужно почитать документацию и убедится в том, что все работает правильно...
Попробуйте написать форму с помощью такого решения:
HTML:

<form id="myForm">
    <input id='experience' name="experience" value=""/>
    <input type="submit" value="Go"/>
</form>

JS:

$(function() {
   $.validator.addMethod("regex", function(value, element, regexpr) {          
     return regexpr.test(value);
   }, "Пожалуйста, введите верное значение");    
    
   $("#myForm").validate({
       rules: {
           experience: {
               required: true,
               regex: /^(\s*)?(\+)?([- _():=+]?\d[- _():=+]?){8,14}(\s*)?$/
           }
       }
   });
});

И нужно не забывать ставить / в начале и в конце регулярного выражения. Т.е. должно получатся вот так:

regex: '/^(\s*)?(\+)?([- _():=+]?\d[- _():=+]?){8,14}(\s*)?$/',

1. Например, анимируется свойство top.
Для начального положения оно отрицательное, затем 0. Поскольку в первом случае не задается position, то отрицательный top никак не мешает правильному отображению.

2. Угу.
На маленьких экранах можно убирать меню в "бургер" и показывать только при нажатии на него.