/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 vote300 views1 answer
An unhandled exception occurred: Script file ../node_modules/jquery/dist/jquery.min.js does not exist.
Javascript jQuery
0 vote304 views2 answers
Get array length in jquery
Javascript jQuery
19 votes401 views5 answers
Jquery on modal show
Javascript jQuery
0 vote328 views1 answer
Jquery on change function not working
Javascript jQuery
1 vote320 views1 answer
Jquery get element by id from variable
Javascript jQuery
2 votes312 views1 answer
Jquery select outer html
Javascript jQuery
0 vote342 views1 answer
Wordpress not loading jquery
Javascript jQuery
0 vote344 views1 answer
Set value of attribute using each and keyup jquery
Javascript jQuery
3 votes287 views4 answers
Jquery hover event
Javascript jQuery
0 vote359 views2 answers
Jquery body class add
Javascript jQuery