Slider + info

<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>

img {
height:300px;
width:500px;
}

div {
display:inline-block;
width:500px;
height:300px;
border:1px solid;
}

.box1_description {
width:480px;
display:block;
height:0;
overflow-Y:scroll;
}

.box2_description {
width:480px;
display:block;
height:0;
overflow-Y:scroll;
}

.box3_description {
width:480px;
display:block;
height:0;
overflow-Y:scroll;
}

span {
font-family:courier;
color:maroon;
font-weight:900;
text-indent:50px;
position:absolute;
margin-left:15px;
text-align:justify;
text-justify:inter-word;
}

#carousel {
width:1520px;
border:none;
position:absolute;
top:0px;
}

button {
position:relative;
top:-300px;
left:480px;
width:20px;
height:20px;
background-color:white;
color:maroon;
outline:none;
}

</style>
</head>
<body>

<div id='carousel'>
<div class='box1'>
<img src='https://zsndndbaxq8vhlfcswjbiq-on.drv.tw/Image Files/anime.png' title='anime'>
<button onclick='down1()'>i</button>
<span id='bx1' class='box1_description'>Am increasing at contrasted in favourable he considered astonished. As if made held in an shot. By it enough to valley desire do. Mrs chief great maids these which are ham match she. Abode to tried do thing maids. Doubtful disposed returned rejoiced to dashwood is so up.
</span>
</div>

<div class='box2'>
<img src='https://zsndndbaxq8vhlfcswjbiq-on.drv.tw/Image Files/cat.png' title='cat'>
<button onclick='down2()'>i</button>
<span id='bx2' class='box2_description'>Am increasing at contrasted in favourable he considered astonished.By it enough to valley desire do. Mrs chief great maids these which are ham match she. Abode to tried do thing maids.Am increasing at contrasted in favourable he considered astonished.By it enough to valley desire do. Mrs chief great maids these which are ham match she. Abode to tried do thing maids.Am increasing at contrasted in favourable he considered astonished.By it enough to valley desire do. Mrs chief great maids these which are ham match she. Abode to tried do thing maids.Am increasing at contrasted in favourable he considered astonished.By it enough to valley desire do. Mrs chief great maids these which are ham match she. Abode to tried do thing maids.</span>
</div>

<div class='box3'>
<img src='https://zsndndbaxq8vhlfcswjbiq-on.drv.tw/Image Files/anime.png' title='anime'>
<button onclick='down3()'>i</button>
<span id='bx3' class='box3_description'>Am increasing at contrasted in favourable he considered astonished.By it enough to valley desire do. Mrs chief great maids these which are ham match she.
</span>
</div>
</div>


<script>
i=0;a=0;b=0;


function down1(){
if(i==0){i=1;
bx1.style.height='100px';
}else if(i==1){i=0;
bx1.style.height='0';
}
}

function down2(){
if(a==0){a=1;
bx2.style.height='100px';
}else if(a==1){a=0;
bx2.style.height='0';
}
}

function down3(){
if(b==0){b=1;
bx3.style.height='100px';
}else if(b==1){b=0;
bx3.style.height='0';
}
}

</script>
</body>
</html>