/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

7 votes130 views5 answers
Jquery header basic auth
Javascript jQuery
0 vote143 views1 answer
Collapse uncollapse jquery
Javascript jQuery
0 vote133 views1 answer
Send serialized form data jquery
Javascript jQuery
0 vote142 views3 answers
Load data from json server into html using jquery
Javascript jQuery
18 votes132 views3 answers
Disable input field with jquery
Javascript jQuery
4 votes138 views2 answers
Jquery on scroll down
Javascript jQuery
6 votes142 views2 answers
Jquery send to another page
Javascript jQuery
10 votes139 views5 answers
Jquery find parent
Javascript jQuery
0 vote133 views1 answer
Add color to attribute using jquery
Javascript jQuery
0 vote142 views1 answer
Jquery change button click function
Javascript jQuery