show hide more text jquery

1<span id="text">Extra Text</span>
2<span id="more">show more...</span>
3<span id="less">show less...</span>
4
5<script>
6 $("#text").hide();
7 $("#less").hide();
8 $("#more").click( function() {
9   $("#text").show();
10   $("#less").show();
11   $("#more").hide();
12 });
13 $("#less").click( function() {
14   $("#text").hide();
15   $("#less").hide();
16   $("#more").show();
17 });
18</script>
19