I’ve a <particulars> part in my HTML file like (MWE):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<meta http-equiv="Content material-Sort" content material="textual content/xhtml;charset=UTF-8"/>
<meta http-equiv="X-UA-Suitable" content material="IE=11"/>
<title>My Mission</title>
</head>
<physique>
<particulars>
<abstract> The abstract 1</abstract>
Line 1<br>
Line 2<br>
Line 3<br>
Line 4<br>
</particulars>
</physique>
</html>
and when clicking on the arrow the the main points are present as one block directly.
It there a chance to easily present them like it’s executed on this instance (taken from https://www.w3schools.com/css/css3_transitions.asp):
<!DOCTYPE html>
<html>
<head>
<model>
div {
width: 100px;
peak: 100px;
background: crimson;
transition: peak 2s;
}
div:hover {
peak: 300px;
}
</model>
</head>
<physique>
<h1>The transition Property</h1>
<p>Hover over the div ingredient under, to see the transition impact:</p>
<div></div>
</physique>
</html>
