Как изменить значение css через js?

Question

[Арман Дендибаев]

есть блок
<div class="togglenav">
и сейчас стоить значение
display: none
нужно что бы при клике на блок
<span class="toggle">
блок
<div class="togglenav">
изменил css свойства на
display:block

Comments

[vladimir_html]

Почему решение не отмечаете, все правильные же?

Answer 1

[Владимир Проскурин]

У Вас в профиле написано "Знаю PHP в средним уровне", тогда вы должны были уже научиться гуглить.
Просто вбиваете: change style property click js
Просто набор слов характеризующих вашу задачу. Первые ссылки дадут вам ответ, просто бери и радуйся, а не жди тут ответа.
Умение гуглить такие вещи - является важнейшим навыком любого айтишника.

Comments

[Sizoider]

Вот я тоже хотел это написать.
Засоряют эфир ерундой, которая гуглится за 10 сек

Answer 2

[Петя Персианов]

$(".toggle").on("click", function(){
    $(".togglenav").css("display", "block");
});

Comments

[Павел]

а в чем разница или преимущество перед $( "#target" ).click(function() { ?

[Петя Персианов]

mrusklon, в данном случае ее нет

Answer 3

[Арман Дендибаев]

<script type="text/javascript">
	$(".toggle").on("click", function(){
    	$(".togglenav").css("display", "block");
	});	
</script>

правильно ?

Comments

[Павел]

а в чем разница или преимущество перед $( "#target" ).click(function() { ?

Answer 4

[Александр Соболев]

$body = $("body");
$('body').on('click', '.toggle', function(){
  $(".togglenav").css("display", "block");
}

Можно еще id добавить, чтоб наверняка не перепутать)

<div class="toggle" id="id_1">..
<div class="togglenav" id="id_2">..

$body = $("body");
$('body').on('click', '#id_1', function(){  $("#id_2").css("display", "block"); }

Answer 5

[vladimir_html]

Через jQuery переключение:

$('.toggle').click(function{
       $('.togglenav').toggleClass('visible')
   });

.visible{
    display: block;
}

Добавляет класс, если нет, удаляет если есть