/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

1 vote266 views1 answer
Trigger key jquery
Javascript jQuery
24 votes255 views4 answers
Jquery scroll to element id
Javascript jQuery
3 votes246 views6 answers
Jquery date format
Javascript jQuery
0 vote265 views1 answer
How to check element has event or not in jquery
Javascript jQuery
0 vote279 views1 answer
Jquery how to detect click outside off-canvas-navigation
Javascript jQuery
1 vote408 views1 answer
On scroll down show alert jquery
Javascript jQuery
0 vote266 views1 answer
Convert to datetime in jquery
Javascript jQuery
1 vote261 views3 answers
Jquery change title of page
Javascript jQuery
11 votes339 views4 answers
Jquery input name value
Javascript jQuery
2 votes255 views2 answers
Jquery remove all tr from table
Javascript jQuery