<div id="container">
<div>...</div>
<div>...</div>
<div>...</div>
<div> <!-- у этого div'а фиксированная высота и overflow:hidden -->
<p class="image">...</p>
<p class="title">...</p>
<p class="options">...</p>
<div class="payment">...</div>
</div>
</div><ul class='menu'>
<li>IMAGE<span class='menuText'> Текст</span>
...
</ul>media screen and (max-width:299px) {
.menuText { display: none; }
}<a href="#" onclick="BX.toggle(BX('ul_119')); return false;"></a>SELECT * FROM geodata._cities WHERE `country_id` = 1 AND `region_id` IS NULL;SELECT * FROM geodata._cities WHERE `country_id` = 1 AND `region_ru` IS NULL;SELECT * FROM geodata._cities WHERE `country_id` = 1 AND `region_ru` IS NULL AND `region_id` IS NULL;+-------------------------------+---------+------------------------------+
| title_ru | area_ru | title_ru |
+-------------------------------+---------+------------------------------+
| Москва | NULL | Москва |
| Девяткино, Ленинградская обл. | NULL | Девяткино,Ленинградская обл. |
| Санкт-Петербург | NULL | Санкт-Петербург |
+-------------------------------+---------+------------------------------+function visibleOnClick (node) {
var visible = node.childNodes[1];
visible.style.opacity = (visible.style.opacity == 0 ? 1 : 0);
}<div class='box' onclick='visibleOnClick(this)'>
<ul class='visible'>
<li>blabla</li>
<li>blabla</li>
</ul>
</div>