I am trying to create readmore option in Textarea.
Here I can do it with div, but when I replace div with textarea, it just shows entire content in textarea without reamore option.
<body>
<div class="container">
<h1>Demo</h1>
<section id="demo">
<div>
<art>
<div>
<h2>Artisanal Narwahls</h2>
<p>Salvia portland leggings banh mi fanny pack mixtape, authentic bushwick wes anderson intelligentsia artisan typewriter high life they sold out mixtape high life. Marfa ethnic wayfarers brooklyn keytar mixtape. Blue bottle shoreditch gluten-free, mixtape hoodie whatever pinterest viral twee fashion axe high life irony biodiesel tofu.</p>
</div>
</art>
</div>
</section>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="readmore.js"></script>
<script>
$('#info').readmore({
moreLink: '<a href="#">More examples and options</a>',
maxHeight: 190,
afterToggle: function(trigger, element, more) {
if(! more) { // The "Close" link was clicked
$('html, body').animate( { scrollTop: element.offset().top }, {duration: 100 } );
}
}
});
$('art').readmore({maxHeight: 240});
</script>
</body>
Here is my fiddle. : http://jsfiddle.net/VSscB/
But in fiddle it does not give readmore option though same code and script as in my page.
See Question&Answers more detail:os
