No, a zkousel jsi to googlovat? Mi prijde obcas, ze tu ucim deti googlovat :)
google = javascript show more example
javascript show more jquery
https://css-tricks.com/forums/topic/jquery-read-more-less-toggle/
->
https://codepen.io/…/bqLaJm
<style>
.read-more-content {
max-height: 0;
overflow: hidden;
transition: max-height .5s ease;
}
.read-more-toggle {
display: none;
}
.read-more-toggle-label {
display: inline-block;
user-select: none;
cursor: pointer;
border: none;
padding: 5px;
margin: .5em;
font-size: .8em;
background: #555;
color: white;
}
.read-more-toggle-label:after {
content: "More";
display: inline-block;
}
.read-more-toggle:checked + .read-more-content {
display: block;
/* css animation won't work with "auto"; set to some height larger
than the content */
max-height: 1000px;
}
.read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after {
content: "Less";
}
article {
border-bottom: 1px solid black;
}
article p {
margin-bottom: .5em;
}
</style>
<p>fff</p>
<input id="read-more-toggle-1" class="read-more-toggle" type="checkbox">
<div class="read-more-content">...