|
Показывать кнопку при условии
Добрый день, возник следующий вопрос. Хочу сделать показ кнопки по условию, например: на странице есть блок <div id="status">Свободно, забронировано</div> и есть кнопка <div id="bottom">Подробнее</div>, так вот думаю сделать чтобы при значение в первом блоке "свободно", кнопка появлялась, и наоборот при значении "забронировано" кнопка исчезала. Кто может показать как это реализовать, или может скинуть пример, буду вам благодарен. Спасибо!
|
Цитата:
Т.е. знание о их каком-то "существовании" на странице явно мало... |
<div class="opisanie"> <small>Статус</small><div id="status"><big >Свободна</big></div> </div> <div id="botton"> <a class="show_popup" rel="forma" href="#"></a> </div> попробовал сделать так:
<script>
$('status').each(function(){
var x = $(this).text();
if (x = Забронирована) $('botton').css({display: 'none'});
});
</script>
но не работает |
Цитата:
|
это понятно
|
Цитата:
Цитата:
|
все равно не работает(
|
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var x = $("#status").text();
if (x == "Забронирована") $('#botton').css({display: 'none'});
});
</script>
</head>
<body> <div class="opisanie">
<small>Статус</small><div id="status"><big >Забронирована</big></div>
</div>
<div id="botton">
<a class="show_popup" rel="forma" href="#">ОЙ</a>
</div>
</body>
</html>
|
вот теперь все работает, спасибо!!!
|
а вот смотрите, если допустим при данном условии изменить цвет шрифта, будет так:
if (x == "Забронирована") $('#botton-page').css({color: '#e10f10'});
или можно так
if (x == "Забронирована") $('#botton-page').css({display: 'none',color: '#e10f10'});
? |
| Часовой пояс GMT +3, время: 13:01. |
|