Скрытие если блок отображается

[zoOmer]

Доброго времени ребят обратно к вам за помощью

Нужно сделать вот такой хук: Если на странице выводиться див с стиле s1 то кнопка с идом btn то её не видно а если с стилем s2 то выводиться!

Как такое реализовать подскажите пожалуйста?

Пробовал так:
$('.s1').ready(function(){$('#btn').css('display', 'none');});
$('.s2').ready(function(){$('#btn').css('display', 'block');});

но так что то не то(

Заранее огромное спасибо)

[depp]

$("div.s1").length > 0 ? $("#btn").hide() : $("#btn").show();

[BETEPAH]

Если кнопка внутри дива или где-то рядом, то это решается без js

.s1 #btn {
display: none;
}

[ild]

если есть id, то только

#btn {
display: none;
}

[zoOmer]

не работают оба примера((
Кнопка все равно отображается..

[BETEPAH]

если есть id, то только

Вы читали условие задачи?
в Вашем случае .s2 #btn выводится тоже не будет.

не работают оба примера((

разметку-то покажите

[zoOmer]

BETEPAH, разметка:

<div class="s0">
<div class="s2">содержимое</div>
<button id="btn">Кнопка</button>
</div>

.s0 {
font: Bold 12px Arial,sans-serif;
margin: 0 auto;
padding: .1px 10px;
}
.s1 {
background: #9dcd40;
margin: 10px 0;
padding: 15px 10px;
}
.s2 {
padding: 10px;
margin: 10px 0;
background: #cd4040;
text-align: center;
color: #fff;
}

[WorM32]

.s1 + #btn {
    display: none;
}

[zoOmer]

WorM32, так скрывает полностью( при s2 не показывает...

[BETEPAH]

WorM32, так скрывает полностью( при s2 не показывает...

ерунда

<style>
.s1 + #btn {
    display: none;
}
</style>
<div class="s0">
<div class="s2" id="content">содержимое</div>
<button id="btn">Кнопка</button>
</div>
<span onclick="document.getElementById('content').className = (document.getElementById('content').className == 's2') ?  's1' : 's2'">clickme</span>