/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

23 votes153 views5 answers
How to reset form values in jquery
Javascript jQuery
0 vote201 views1 answer
How to toggle fa fa-caret-down and fa fa-caret-up using jquery
Javascript jQuery
1 vote142 views2 answers
Jquery replace text in button
Javascript jQuery
4 votes166 views2 answers
Jquery works until modal is shown
Javascript jQuery
0 vote186 views1 answer
Jquery checkbox listener not working on programmatically change
Javascript jQuery
21 votes140 views6 answers
Jquery change selected option
Javascript jQuery
6 votes178 views2 answers
Jquery ajax $.post with data
Javascript jQuery
98 votes159 views6 answers
Each jquery
Javascript jQuery
9 votes159 views3 answers
Animate jquery
Javascript jQuery
4 votes138 views1 answer
Jquery on 2 events
Javascript jQuery