<div class = "container">
<ul class = "nice-menu">
<li class = "orange"><a onClick="document.getElementById('html_javascript_adder-4').style.display='block';return false;" title="Категории">Категории</a></li>
</ul>
</div>
Вывести элемент по id
Я в этом дел профан, но дело горит. Поэтому и прошу помощи.
Дизайн создаю на wordpress. Ситуация такая.
Есть плавающее слева меню. При клике по ссылке, например, "Категории" открывается div (окно) в котором указаны категории.
Кнопка:
CSS не важно. Проблема возникает из-за ограничений ресурса, на котором wordpress стоит. Редактировать можно только CSS и вставлять JavaScript и HTML через плагин HTML JavaScript adder.
Ну так вот. При клике по ссылке открывается div (HTML JavaScript adder) в котором прописан ещё один JavaScript, который сразу выводит (делает видимым скрытый блок div) категории.
Вот и вопрос: какой код автоматически будет делать видимым скрытый блок div?
Буду примного благодарен!!!
Дизайн создаю на wordpress. Ситуация такая.
Есть плавающее слева меню. При клике по ссылке, например, "Категории" открывается div (окно) в котором указаны категории.
Кнопка:
Код:
Ну так вот. При клике по ссылке открывается div (HTML JavaScript adder) в котором прописан ещё один JavaScript, который сразу выводит (делает видимым скрытый блок div) категории.
Вот и вопрос: какой код автоматически будет делать видимым скрытый блок div?
Буду примного благодарен!!!
Вроде должно сработать:
Код:
document.getElementByClass('container', div)[0].setAttribute('style', 'display:block;');
т.к. "Я в этом дел профан" то напишу развернуто на jquery
ну и если jquery не установлен то тогда предложенный вариант выше
<body> переписать в
Код:
<script>
$(document).ready(function() {
$("#html_javascript_adder-4").css("display","block");
});
</script>
$(document).ready(function() {
$("#html_javascript_adder-4").css("display","block");
});
</script>
<body> переписать в
Код:
<body onload="document.getElementByClass('html_javascript_adder-4', div)[0].setAttribute('style', 'display:block;');">