Как вернуться к исходному CSS?

Question

У меня есть div с пролетом внутри (упрощенный).

<div class="divDash"> 
    <span>XX</span> 
</div> 

Основываясь на приведенном ниже CSS, пролет изначально скрыт и отображается только при наведении указателя мыши на div.

.divDash {height:300px;width:300px;border:1px solid gray;} 
.divDash span {display:none} 
.divDash:hover span {display:inline} 

на основе некоторого взаимодействия с пользователем, мне нужно, чтобы скрыть промежуток с помощью JQuery ...

$('.divDash').children('span').hide(); 

а затем, основываясь на каком-то другом взаимодействия с пользователем, мне нужно, чтобы восстановить исходное поведение из пяди. Если я просто снова покажу диапазон, используя $('.divDash').children('span').show();, он будет отображаться навсегда и не только при наведении.

Как восстановить исходное поведение CSS, чтобы диапазон показывался только при наведении?

Answer 1

Вы можете вернуться к поведению по умолчанию, установив display: ''

$('.divDash').children('span').css('display', ''); 

Demo: ('divDash ') Fiddle

Answer 2

Вместо того, чтобы использовать show и hide, добавьте/удалите определенный класс CSS, для которого требуется поведение.