Исчезающее меню на js
1.
Роман (09.01.2012 / 16:13)
Всем привет!
Возникла проблема, мне надо чтобы при нажатии ссылки вылазило меню, есть код
$(document).ready(funtion(){
$(".menu_click").click(
funtion(){
$("#menu").slideToggle("slow");
$(this).toggleClass("active");
});
});
Но меню все ровно видно,а когда нажимая ссылку код убирает меню,мне надо сделать наоборот, кто поможет?
2.
Dok (09.01.2012 / 16:23)
интересно. Я такую фишку на Ajax видел. Но там кода побольше.
3.
Игорь (09.01.2012 / 19:35)
Если правильно понял:
document.documentElement.className = document.documentElement.className + ' js';
function show(elem) {
elem = document.getElementById(elem);
if (elem.style && elem.style['display']) {
var disp = elem.style['display'];
} else if (elem.currentStyle) {
var disp = elem.currentStyle['display'];
} else if (window.getComputedStyle) {
var disp = document.defaultView.getComputedStyle(elem, null).getPropertyValue('display');
}
elem.style.display = disp == 'block' ? 'none' : 'block';
return false;
}
Чистый JS.
4.
Игорь (09.01.2012 / 23:45)
Пример HTML, забыл = (
<div onclick="return show('block')">Скрыть \ Показать</div>
<div id="block" style="display: none;">Скрытый текст.</div>
5.
★☆ ИгRok™ ☆★ (17.01.2012 / 03:50)
а вот у меня такой вопрос: как это в див засунуть? Что бы например,ссылка Общение,нажимаешь на нее и появляется ниже меню,например форум,гостевая и т.д?
6.
★☆ ИгRok™ ☆★ (18.01.2012 / 02:34)
никто не подскажет?
7.
Игорь (18.01.2012 / 02:40)
В смысле? Заместо "Скрытый текст." Пиши что хочешь = ) Так же и с "Скрыть \ Показать"
8.
★☆ ИгRok™ ☆★ (18.01.2012 / 03:43)
7.
rezent, нет,это понятно. Не могу понять как в див запихнуть этот блок. Типо как тач.
что бы,например,там где скрыть/показать было в одном диве,а когда показать нажимаешь,выпадало меню,но уже в другом диве
9.
Игорь (18.01.2012 / 22:43)
Так а кто тебе мешает все это в отдельные "дивы" запихнуть?)))
<div id="wrap">
<div class="name"> . . . . . . . . <div onclick="return show('block_name')">Показать блок</div> . . . . . . . . </div>
. . . . . . . . . . .
<div id="block_name" class="name_class" style="display: none;">Контент . . ...
... .. . . .
.. . . ..
</div>
</div>
10.
★☆ ИгRok™ ☆★ (18.01.2012 / 23:30)
9.
rezent, во,попробую,спасибо)
11.
★☆ ИгRok™ ☆★ (27.01.2012 / 21:05)
что-то я не пойму,как вставить это php страницу? Постоянно выдает синтаксическую ошибку
12.
Игорь (27.01.2012 / 22:06)
11: AnuBiS, Как-то так:
<?php
echo "<script type=\"text/javascript\">
document.documentElement.className = document.documentElement.className + ' js';
function show(elem) {
elem = document.getElementById(elem);
if (elem.style && elem.style['display']) {
var disp = elem.style['display'];
} else if (elem.currentStyle) {
var disp = elem.currentStyle['display'];
} else if (window.getComputedStyle) {
var disp = document.defaultView.getComputedStyle(elem, null).getPropertyValue('display');
}
elem.style.display = disp == 'block' ? 'none' : 'block';
return false;
}
</script>
<div onclick=\"return show('block')\">Скрыть \ Показать</div>
<div id=\"block\" style=\"display: none;\">Скрытый текст.</div>
";
?>
13.
ramzes (27.01.2012 / 22:49)
Лучше так
?>
Java script
<?php
14.
Артур (28.01.2012 / 02:17)
Лучше не генерировать жс в пхп ;)
15.
ramzes (28.01.2012 / 02:48)
14.
Bashka, лучше вообще его весь выносить во внешний файл
16.
Артур (28.01.2012 / 03:17)
И я о том же
Вообще считаю что все нужно выносить в файлы, и хтмл, и ксс и жс. Благо сегодня аякс позволяет
17.
ramzes (28.01.2012 / 03:40)
Но множественные запросы к серверу тоже не айс.
Хотя бы даже на проверку времени последнего изменения файла
18.
Артур (28.01.2012 / 11:10)
Упаковщики есть, отлично компануют смежные файлы и все в один запрос получается (в лучшем случае). В клиент-сервероной архитектуре не хватает компиляции мне кажется
URL:
https://visavi.net/topics/28246