/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

6 votes140 views2 answers
After load page jquery
Javascript jQuery
1 vote133 views1 answer
Jquery delete request
Javascript jQuery
0 vote102 views1 answer
Jquery how do i remove emoji from string
Javascript jQuery
0 vote155 views1 answer
Convert text filed to password field in jquery
Javascript jQuery
0 vote150 views1 answer
Jquery check valid link
Javascript jQuery
0 vote143 views1 answer
Bootstrap tabs click event jquery
Javascript jQuery
26 votes150 views6 answers
Get text of selected option jquery
Javascript jQuery
26 votes144 views3 answers
Jquery create html element
Javascript jQuery
0 vote156 views1 answer
Move li to bottom of list jquery selected value
Javascript jQuery
0 vote148 views1 answer
Jquery select text with event target
Javascript jQuery