<h2 class = "anima">Найди правильный ответ</h2>//заголовок
<li><a class = "anima" href="index.html">1</a></li>// пагинация
<li><a class = "anima" href="plus1.html">2</a></li>
<li><a class = "anima" href="plus2.html">3</a></li>$('.anima').click(function(e){
e.preventDefault();
$('.animation-left').animate({opacity:0},300).animate({opacity:1},300);
});;(function($) {
$(document).ready(function() {
var form = $('.form_line');
form.find(".send_page").click(function(){
$.ajax({
type: "POST",
url: "/main/hand.php",
data: form.serialize(),
cache: false,
success: function(msg){ form.find('.form_error').html('m111sg'); }
});
});
});
})(jQuery);<div class="product" data-id="123">
<!-- Инфо о продукте -->
<button class="action-buy">Buy</button>
</div>
<form action="#">
<!-- Инпуты -->
<div class="visual"></div>
<input type="hidden" name="product-id" value="" />
</form>(function($){
$(document).ready(function() {
var form = $('form');
$('.product').each(function() {
var product = $(this);
product.find('.action-buy').on('click', function() {
form.find('.visual').text(product.data('id'));
form.find('input[name=product-id]').val(product.data('id'));
})
});
});
})(jQuery);<input name="test" />input {
border: 1px solid black;
}
input:focus {
border: 1px solid blue;
}<section class="buy_and_to_card">
<a href="/?add-to-cart=111" class="checkout-button checkout-button-buy">купить</a>
<a href="/?add-to-cart=111" class="checkout-button">в корзину</a>
</section>$('checkout-button').on('click', function() {
// отправляем ajax запрос на добавление
// при success проверяем есть ли класс checkout-button-buy у элемента и решаем что дальше делать
})