<div style="width: 600px; height: 600px;">
<div style="width:300px; height: 300px; position:relative;">
<div style="position:absolute; top: 0;width:50px:height:50px"></div>
</div>
<div style="width:300px; height: 300px;">
<div style="position:absolute; top: 0;width:50px:height:50px"></div>
</div>
</div>if(!$user) {
<form action="" method="POST">
<div class="form-group">
<label for="exampleInputLogin">Login</label>
<label for="exampleIn">Login</label>
<input type="text" name="login" class="form-control" id="exampleInputLogin" placeholder="Login">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" name="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<button type="submit" class="btn btn-success">Отправить</button>
</form>
}else {
// Приветственное сообщение //
}<div class="col-2">
<ul>
<li><a class="cat" id="1" href="/">Категория 1</a></li>
<li><a class="cat" id="2" href="/">Категория 2</a></li>
<li><a class="cat" id="3" href="/">Категория 3</a></li>
<li><a class="cat" id="4" href="/">Категория 4</a></li>
</ul>
</div>
<div class="col-10">
<div id="content_1" class="">Контент 1</div>
<div id="content_2" class="">Контент 2</div>
<div id="content_3" class="">Контент 3</div>
<div id="content_4" class="">Контент 4</div>
</div>
</div>$('.cat').on('click', function() {
let content = $('#content_' + $(this).attr('id'));
$(content).style.display = 'block';
})var p1 = Promise.resolve(3);
var p2 = 1337;
var p3 = new Promise((resolve, reject) => {
setTimeout(resolve, 100, "foo");
});
Promise.all([p1, p2, p3]).then(values => {
console.log(values);
});
//Выведет:
// [3, 1337, "foo"]