kap2

Друзья, посоветуйте как правильно оформить кнопку, чтобы по клику выезжал скрытый текст. Что нибудь в виде этого Пытаюсь модифициолвать этот код <a href="javascript:sh()">Заказать звонок</a><br /><div id="info" style="padding-top:15px;">Оставьте Ваш номер телефона и мы свяжемся с вами в ближайшее время[contact-form-7 id="594" title="Номер телефона"]</div><script type="text/javascript">sh();function sh() {obj = document.getElementById("info");if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }}</script>

Смешно ))) На Ios и android не видно.

Есть менюшка из 6 пунктах. В 2 пунктах прикрученна функция всплывания при наведении через HTML и CSS но вот проблема видно не на всех устройставах. Посоветуйте как поправить? <ul class="top_menu_ul ul rel"><!--<li class="top_menu_li top_menu_1 rel"><a class="top_menu_a top_menu_active" href="/">Мы</a></li>--><li class="top_menu_li top_menu_1 rel"><a id="top_menu_a" class="company" href="<?php bloginfo('url'); ?>">Мы</a><div class="top_submenu abs hidden"><div class="top_submenu_top png"></div><ul class="top_submenu_ul ul"><li class="top_submenu_li submenu_1 li"><a href="<?php bloginfo('url'); ?>/about/video-prezentatsiya/">Видео</a></li><li class="top_submenu_li submenu_2 li"><a href="<?php bloginfo('url'); ?>/about/gallery/">Галерея</a></li></ul><div class="top_submenu_bottom png"></div></div></li> .top_menu{ left:20px; top:284px; font-size:13px; text-align:center; font-family:'Georgia', serif;}UL.top_menu_ul{}LI.top_menu_li{ float:left; height:52px;}A#top_menu_a{ text-transform:uppercase; text-decoration:none;}A#top_menu_a:HOVER{ color:#d4913a;}A#top_menu_active, A#top_menu_act{ color:#d4913a;}.top_menu_1 { width:96px; top:20px; margin:0 40px 0 0;}.top_submenu{ left:0; top:48px; width:271px; z-index:10;}.top_submenu_top{ width:271px; height:5px; font-size:0; background:url(images/submenu_top.png) 0 0 no-repeat;}UL.top_submenu_ul{ padding:0 0 5px 5px; background:url(images/submenu_left.png) -1px 0 repeat-y #23326e;}LI.top_submenu_li{ text-align:left; padding:6px 0 0 0; margin:6px 12px 0 12px; background:url(images/submenu_border.jpg) 0 0 repeat-x;}LI.top_submenu_li A{ text-decoration:none;}LI.top_submenu_li A:HOVER{ text-decoration:underline;}LI.submenu_1{ padding:4px 0 0 0; margin:0 0 0 12px; background:none;}.top_submenu_bottom{ width:271px; font-size:0; padding:4px 0 0 0; background:url(images/submenu_bottom.png) 0 0 no-repeat;}