.Button_button__NTtqi{
opacity: 1;
background: linear-gradient(94.35deg,#7d13e8 12.03%,#d91bea 93.27%);transition: .5s;
}.Button_button__NTtqi:before {
content: ''
opacity: 1;
background: linear-gradient(94.35deg,#7d13e8 12.03%,#d91bea 93.27%);transition: .5s;
}$(document).ready(function () {
function validateEmail(email) {
const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(String(email).toLowerCase());
}
$(document).on('keyup', 'input[type=email]', function(){
const value = $(this).val();
if(!validateEmail(value)){
//некорректный email, показать крестик
}else{
//некорректный email, показать галочку
}
})
});body{
overflow-x: hidden;
}// плавный скролл
var $page = $('html, body');
$('a[href*="#"]').click(function() {
$page.animate({
scrollTop: $($.attr(this, 'href')).offset().top
}, 400);
return false;
});<ul id="menu1">
<li>menu 1</li>
<li>menu 2</li>
<li>menu 3</li>
<li>menu 4</li>
<li>menu 5</li>
</ul>
<a href="#menu1" >button</a>
при клике переходим к пункту меню который нужно раскрыть, и добовляем ему некий класс
для этого класса добавляем такие же свойства как и для класса с :hoverSELECT * FROM eb_notes ORDER BY `id` DESC