/Javascript/jQuery/Show hide more text jquery

Show hide more text jquery

<span id="text">Extra Text</span>
<span id="more">show more...</span>
<span id="less">show less...</span>

<script>
 $("#text").hide();
 $("#less").hide();
 $("#more").click( function() {
   $("#text").show();
   $("#less").show();
   $("#more").hide();
 });
 $("#less").click( function() {
   $("#text").hide();
   $("#less").hide();
   $("#more").show();
 });
</script>

Source: stackoverflow.com

Similar codes

33 votes210 views4 answers
For each loop class jquery
Javascript jQuery
0 vote224 views1 answer
If path name is different but parent nav should be active in jquery
Javascript jQuery
0 vote228 views1 answer
Remove current table row in jquery
Javascript jQuery
0 vote227 views1 answer
Js jquery class ending with string
Javascript jQuery
5 votes201 views1 answer
Jquery detect click
Javascript jQuery
0 vote215 views1 answer
Data attribute hide & show function syntax in jquery
Javascript jQuery
7 votes166 views1 answer
Play sound jquery
Javascript jQuery
1 vote241 views3 answers
How to set height dynamically in jquery
Javascript jQuery
1 vote204 views1 answer
How to get the value in an input text box and set value another input box using jquery
Javascript jQuery
0 vote232 views1 answer
How to call function on every keypress in jquery
Javascript jQuery