Слышал что есть такой метод как fade, немного не понимаю, как его использовать, и что сделать что бы можно было по клику на одну кнопку сразу и прятать все элементы, и показывать обратно?
Метод который вы описываете называется fadeToggle() по сути работает практически как toggle, то есть он прикрепляет или открепляет, в данном примере по клику на кнопку мы применяем ко всем блокам метод fadeToggle, он может быть без параметров, тогда просто плавно исчезнет, можно передавать значение строкой, например slow, так появляться и исчезать блоки будут более плавно, или же можно вообще цифровым значением задать точное время, вот пример:
$(document).ready(function(){
$("button").click(function(){
$("#first_p").fadeToggle();
$("#second_p").fadeToggle("slow");
$("#third_p").fadeToggle(2000);
});
});
В html части у нас три параграфа с тремя разными id через которые далее в javascript мы взаимодействуем с этими же блоками, ну и конечно кнопка, при клике на которую срабатывает функция которая плавно убирает или плавно добавляет эти участки со страницы и на соответственно.
Скрыть/показать текст
<p id="first_p">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto perspiciatis qui repudiandae?
<p id="second_p">
Lorem ipsum dolor sit amet.
<p id="third_p">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.