/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

9 votes158 views2 answers
Window load jquery
Javascript jQuery
0 vote128 views2 answers
Jquery when iframe is loaded
Javascript jQuery
2 votes153 views3 answers
Jquery set html of element
Javascript jQuery
6 votes133 views2 answers
Installing jquery on window
Javascript jQuery
0 vote120 views1 answer
Click and copy jquery dynamic content
Javascript jQuery
0 vote125 views1 answer
Round till 2 digit in jquery
Javascript jQuery
0 vote171 views4 answers
Jquery confirm dialog
Javascript jQuery
2 votes126 views5 answers
Jquery timepicker
Javascript jQuery
5 votes134 views4 answers
Hide bootstrap modal jquery
Javascript jQuery
0 vote121 views1 answer
Hide checkbox jquery
Javascript jQuery