Версия для слабовидящих

Научные школы ЯГПУ — различия между версиями

Материал из Ярославский педагогический университет
Перейти к: навигация, поиск
(Новая страница: «Скоро здесь будет информация»)
 
Строка 1: Строка 1:
Скоро здесь будет информация
+
<!DOCTYPE html>
 +
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<style>
 +
.collapsible {
 +
  background-color: #0968AD;
 +
  color: white;
 +
  cursor: pointer;
 +
  padding: 18px;
 +
  width: 100%;
 +
  border: none;
 +
  text-align: left;
 +
  outline: none;
 +
  font-size: 15px;
 +
}
 +
 
 +
.active, .collapsible:hover {
 +
  background-color: #77ADCD;
 +
}
 +
 
 +
.collapsible:after {
 +
  content: '\002B';
 +
  color: white;
 +
  font-weight: bold;
 +
  float: right;
 +
  margin-left: 5px;
 +
}
 +
 
 +
.active:after {
 +
  content: "\2212";
 +
}
 +
 
 +
.content {
 +
  padding: 0 18px;
 +
  max-height: 0;
 +
  overflow: hidden;
 +
  transition: max-height 0.2s ease-out;
 +
  background-color: #f1f1f1;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<h1></h1>
 +
 
 +
<button class="collapsible">Индивидуализация образовательного процесса на разных этапах непрерывного образования</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Теоретико-методические основы формирования<br> и развития профессиональной идентичности студентов<br> и молодых педагогов дошкольного образования</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Создание методов автоматизированного анализа ритма текста</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Научная школа исторической германистики</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Методология изучения теории и истории культуры</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Когнитивно-мотивационные основы образовательной деятельности</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Методология и история психологии</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Психология учебной деятельности и готовности к обучению</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Изучение теоретико-методологических<br> основ исторической науки<br> в России в XIX - начале ХХ в.</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Психология профессионального и карьерного развития личности</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Исследование актуальных проблем языкового и литературного образования школьников</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Технология наглядно-модельного обучения математике</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Теория и методика обучения биологии</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Новая дидактика современного образования</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Изучение адаптации системы кровообращения в норме и при патологии</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
<button class="collapsible">Активные процессы в социальной и массовой коммуникации</button>
 +
<div class="content">
 +
  <p></p>
 +
</div>
 +
 
 +
 
 +
<script>
 +
var coll = document.getElementsByClassName("collapsible");
 +
var i;
 +
 
 +
for (i = 0; i < coll.length; i++) {
 +
  coll[i].addEventListener("click", function() {
 +
    this.classList.toggle("active");
 +
    var content = this.nextElementSibling;
 +
    if (content.style.maxHeight){
 +
      content.style.maxHeight = null;
 +
    } else {
 +
      content.style.maxHeight = content.scrollHeight + "px";
 +
    }
 +
  });
 +
}
 +
</script>
 +
 
 +
</body>
 +
</html>

Версия 14:27, 23 марта 2022

<!DOCTYPE html>