/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

59 votes310 views5 answers
Jquery id click
Javascript jQuery
10 votes330 views2 answers
Jquery how to know if element is visible
Javascript jQuery
10 votes375 views3 answers
How to change checkbox state in jquery
Javascript jQuery
0 vote341 views1 answer
Json url data is not showing in console using jquery
Javascript jQuery
0 vote345 views1 answer
Tab key code in jquery
Javascript jQuery
0 vote284 views1 answer
Console log jquery
Javascript jQuery
0 vote275 views1 answer
Jquery check if hover over child element
Javascript jQuery
7 votes301 views2 answers
How to edit the link in a href with jquery
Javascript jQuery
0 vote329 views2 answers
Jquery var_dump array
Javascript jQuery
0 vote366 views1 answer
How to convert div to image in jquery
Javascript jQuery