шпаргалка JS
Скрытие блока на JS
$(function(){ $(«.block1»).click(function(){ $(«.block2»).fadeTo(1000,0); }); Демо 1 Click Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum sit, earum sed enim ipsum veniam quas fugit fuga asperiores eius quasi alias necessitatibus velit quam veritatis saepe aliquam labore ab architecto tempore ut accusantium consectetur. Laudantium, animi ea maiores magnam eligendi ad a …
Ежедневник на JS
jS $("#add").on("click", function() { var val = $("input").val(); if(val !== '') { var elem = $("<li></li>").text(val); $(elem).append("<button class='rem'>X</button>"); $("#mylist").append(elem); $("input").val(""); $(".rem").on("click",function() { $(this).parent().remove(); }); } }); CSS .rem { margin-left: 5px; background-color: white; color: red; border: none; cursor: pointer; } HTML <h3>Мой ежедневник</h3> <input type="text" placeholder="Введите запись" /> <button id="add">Добавить</button> …
Меню для сайта на JS
HTML <a class=»btn fa fa-align-justify»>Меню</a> <div class=»test»> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> CSS .test{display: none;} .test1{display: block;} JS $(«.btn»).click(function(){ $(«.test»).toggleClass(«test1»); $(«.fa-align-justify»).toggleClass(«fa-times»); }); Демо: Меню 1 2 3 4 5 6