.details{...}
.slick-center .details{
opacity: 0;
visibility: hidden;
}
.details{
...
-webkit-transition: all 0.3s ease; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.3s ease; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
.slick-center .details{
opacity: 0;
visibility: hidden;
}
<input type="file" name="file_arr[]"/>
- это позволит не заморачиваться генерацией имен файлов - будет массив из загружаемых файлов
<input type="file" name="file_arr[]" multiple />
- можно выбрать сразу несколько файлов через шифт, или через контрол
prepare_event();
function prepare_event()
{
$('input[type="file"]').unbind();
$('input[type="file"]').change(function()
{
//здесь клонирование тега
//<label>Загрузить файл <input type="file" name="file_arr[]"/></label>
//но после этого нужно сделать
prepare_event();
//чтобы новый инпут тоже перехватывался
//это не готовое решение, а скорее велосипед, но вполне работоспособный
});
}
.container {
position: relative;
width: 400px;
height: 400px;
overflow: hidden;
border: 1px solid #000;
}
.scroll {
position: relative;
box-sizing: border-box;
width: 420px;
max-height: 400px;
padding-right: 20px;
overflow-y: scroll;
}
$('select#country').change(function() {
var value = $(this).val();
if(value=='ru'){
$('input[type="text"]').attr('id', 'phone1');
$('input[type="text"]').attr('disabled', false);
}else if(value=='ua'){
$('input[type="text"]').attr('id', 'phone2');
$('input[type="text"]').attr('disabled', false);
}else{
$('input[type="text"]').attr('disabled', true);
}
});