Дали задание сделать без использования свойств display:none и без взаимодействия со свойствами сделать что бы блоки можно было по клику на кнопку спрятать, и затем обратно показать нажимая на другую кнопку, как такое сделать средствами JQuery?
Привычнее всего лично для меня было бы как раз с использованием display: none и изменением его, но если так то можно использовать встроенные методы JQuery, такие как hide, show, вот пример:
<div id="div">
<button id="hide">Спрятать
<button id="show">Показать
В html создаем один блок с которым и будем баловаться, внизу создаем две кнопки hide и show, вообще это можно было бы даже одной кнопкой сделать, был метод какой то на подобии toggle только именно с отображением блоков, но пусть будет так.
#div {
width:50px;
height:50px;
display:block;
background-color:orange;
margin: 30px;
}
В css задаем оформление для блока и делаем его изначально видимым.
$(document).ready(function(){
$("#hide").click(function(){
$("div").hide();
});
$("#show").click(function(){
$("div").show();
});
});
В javascript по клику на кнопку с id hide мы применяем к нашему блоку метод hide, и аналогично с методом show, при клике на кнопку show вызываем на том же блоке метод show который делает блок видимым, как видишь тут всё просто)