$('#sel1').change(function () {
areaPrice = this.value;
const sel2Val = $('#sel2').val()
total_sum = $('input.total_sum').val(areaPrice + sel2Val );
});
$('#sel2').change(function () {
areaPrice = this.value;
const sel1Val = $('#sel1').val()
total_sum = $('input.total_sum').val(areaPrice + sel1Val);
});
$('.box iframe').each(function(index, value){
var link = $(this).attr('src');
$(this).next().attr('src', link);
console.log(link);
});
<div class="box">
<iframe src="1.html"></iframe>
<img src="">
<iframe src="2.html"></iframe>
<img src="">
<iframe src="3.html"></iframe>
<img src="">
<iframe src="4.html"></iframe>
<img src="">
<div>
<ul class="leaders">
<li><span>Item</span><span>12.234</span></li>
<li><span>Another Item</span><span>1,000.25</span></li>
</ul>
ul.leaders li { clear: both; }
ul.leaders li span:first-child {
float: left;
padding: 0 .4em 0 0;
margin: 0;
}
ul.leaders li span + span {
float: right;
padding: 0 0 0 .4em;
margin: 0;
}
ul.leaders li:after {
content: "";
display: block;
overflow: hidden;
height: 1em;
border-bottom: 1px dotted;
}
$db = new mysqli('127.0.0.1', 'user', 'pass', 'db');
$db->set_charset('utf8');
AddDefaultCharset utf-8
z-index
не забудь и transition
. По клику на левую все наоборот. Тут тебе ненужны никакие сторонние слайдеры. Все положения прописываешь в css, у тебя их пять. Потом на js задаешь нужный класс каждому элементу и они сами переместятся. Держите программу аналогичная абсолютно* всем Icons8 Lunacy, как sketch, + открывает соответственно файл .sketch всё как нужно иерархия, подпапки, слои, тени, цвета, код и прочее.
$('.cities_list li').on('click', function(){
var size = $(this).text();
$('#ID_hidden_input').val(size);
});