А
в первых двух строках
Size: a a a
2021 March 12
ИМ
Amin'
А
должно сработать, сомнения только в выборе события, может Onclick нужно будет на что то другое поменять
А
хотя вроде так работало у меня
ИМ
То есть по дэфолту у нас они невидимы, а потом мы просто меняем класс формы
ИМ
Правильно понимаю?
А
чтобы по дефолту они были не видимы тебе в классах form1 и form2, нужно поставить свойство display:none;
А
посмотри код подправил немного тупанул, там где classList.remove
А
удаляем visible
А
а не hidden, и hidden не нужен в css
ИМ
буду разбираться
А
у тебя формы где в forms.py или html?
ИМ
Формс
А
А
CSS:
.form1, .form2 {
display:none;
}
.form1, .form2 {
display:none;
}
ИМ
Чтобы ты понимал уровень печали - сейчас пытаюсь подключить цсс
А
<link rel="stylecheet" href="путь через статики к css">
А
так же в css:
.visible {
display:block;
}
.visible {
display:block;
}
А
в JS
А
let first_radio = document.QuerySelector('.form1');
let two_radio = document.QuerySelector('.form2');
first_radio.onclick function() {
first_radio.classList.add('visible');
two_radio.classList.remove('visible');
};
two_radio.onclick function() {
two_radio.classList.add('visible');
first_radio.classList.remove('visible');
}
let two_radio = document.QuerySelector('.form2');
first_radio.onclick function() {
first_radio.classList.add('visible');
two_radio.classList.remove('visible');
};
two_radio.onclick function() {
two_radio.classList.add('visible');
first_radio.classList.remove('visible');
}