/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

2 votes325 views2 answers
Jquery stopPropagation
Javascript jQuery
31 votes366 views3 answers
Redirect to link using jquery on new tab
Javascript jQuery
24 votes346 views6 answers
Open modal using jquery
Javascript jQuery
0 vote304 views1 answer
Jquery modal if clicked outside
Javascript jQuery
0 vote350 views1 answer
Use jquery in project using NPM
Javascript jQuery
-2 votes345 views1 answer
How to show bootstrap 5 modal using jquery
Javascript jQuery
4 votes351 views5 answers
Jquery trigger
Javascript jQuery
0 vote319 views1 answer
Jquery deparam
Javascript jQuery
3 votes334 views2 answers
Jquery telephone input mask
Javascript jQuery
0 vote367 views1 answer
Jquery selected checkboxes pass as paramater to C#
Javascript jQuery