Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как переписать на JQeury? (https://javascript.ru/forum/jquery/69962-kak-perepisat-na-jqeury.html)

breakman 31.07.2017 10:11

Как переписать на JQeury?
 
Овоил JS немного, перешёл к JQ, пока не привычно. Как реализовать вот такую простую штуку https://jsfiddle.net/p89j94hr/
HTML
<div id="block1">Кнопка 1</div>
<div id="label1">Поле 1</div>
<div id="block2">Кнопка 2</div>
<div id="label2">Поле 2</div>
<div id="str"></div>

JS
var vis = 1;
block1.onclick = function() {
		if(vis === 1){
    		document.getElementById('label1').style.display='none';
        vis = 0;
    } else {
    		document.getElementById('label1').style.display='block';
        vis = 1;
    }
};

CSS тут на форуме куда, в html-код вставлять принято?

laimas 31.07.2017 10:15

А для block2 тоже подобное?

breakman 31.07.2017 10:26

Нет, только для одного block1 для простоты лучше, забыл удалить block2 из html ))

laimas 31.07.2017 10:30

$(function() {
    $('#block1').click(function() {
        $(this).next().toggle();
    })
});

breakman 31.07.2017 10:41

Спасибо, а вто такое vis ^= 1; ?

laimas 31.07.2017 10:48

Цитата:

Сообщение от breakman
а вто такое vis ^= 1; ?

Логическая операция XOR (исключающее ИЛИ) над первым битом операнда. То есть он будет равен 0, потом 1, потом 0, ....

рони 31.07.2017 11:30

laimas,
vis убрать бы совсем, а то масло масляное получается.

laimas 31.07.2017 11:33

Цитата:

Сообщение от рони
убрать бы совсем, а то масло масляное получается

Конечно, надо, осталось от первого, думал две кнопки, чего-то там с зависимостями, а оказалось .... но код то уже вставлен! :)

Сейчас уберем.


Часовой пояс GMT +3, время: 13:12.