Skip to content

Instantly share code, notes, and snippets.

@schmidt1024
Last active August 29, 2015 14:20
Show Gist options
  • Save schmidt1024/eff82d0b9723d8a83faf to your computer and use it in GitHub Desktop.
Save schmidt1024/eff82d0b9723d8a83faf to your computer and use it in GitHub Desktop.
read more
<div class="item">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr... | <a class="readmore">mehr</a></p>
<div class="more">
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
var moreText = 'mehr';
var lessText = 'weniger';
var moreButton = $('a.readmore');
moreButton.click(function () {
var $this = $(this);
$this.text($this.text() == moreText ? lessText : moreText).parent().next('div.more').slideToggle('fast');
});
.item {
width: 260px;
margin: 0 auto;
}
a {
cursor: pointer;
text-decoration: underline;
}
.more {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment