Скрытие если блок отображается
Доброго времени ребят обратно к вам за помощью ;)
Нужно сделать вот такой хук: Если на странице выводиться див с стиле s1 то кнопка с идом btn то её не видно а если с стилем s2 то выводиться! Как такое реализовать подскажите пожалуйста? Пробовал так: $('.s1').ready(function(){$('#btn').css('display', 'none');}); $('.s2').ready(function(){$('#btn').css('display', 'block');}); но так что то не то( Заранее огромное спасибо) |
$("div.s1").length > 0 ? $("#btn").hide() : $("#btn").show();
|
Если кнопка внутри дива или где-то рядом, то это решается без js
.s1 #btn {
display: none;
}
|
если есть id, то только :)
#btn { display: none; } |
не работают оба примера((
Кнопка все равно отображается.. |
Цитата:
в Вашем случае .s2 #btn выводится тоже не будет. Цитата:
|
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;
}
|
.s1 + #btn {
display: none;
}
|
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>
|
| Часовой пояс GMT +3, время: 10:02. |