Css скрыть кнопку до разворота div

Мы хотим скрыть кнопку, пока мы не наведем над слоем div.

FIDDLE здесь > Нажмите, чтобы просмотреть

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

Ответ 1

.resultContainer:hover .viewThisResult { display: block; }

:hover псевдоселектор на родительском элементе. Хотя это хорошо, когда код вопроса включен в вопрос, для потомков.

Ответ 2

Просто используйте псевдо-класс :hover на внешнем div:

.resultContainer .viewThisResult {
    display: none;
}
.resultContainer:hover .viewThisResult {
    display: inline;
}

Здесь скрипка: http://jsfiddle.net/dTLaF/1/