ok, let improve your code from previous post to achieve the animation effects.
Help me to remove this syntax error[
^]
Update the style to:
<style type="text/css">
.hidden {display:none;}
Then the JavaScript part to:
<script type="text/javascript">
$(document).ready(function () {
$(".label").click(function () {
var id = this.id;
id += '_desc';
$('.description').hide();//.addClass('hidden'); //makes everything hidden again
$('#' + id).slideToggle(); //.removeClass('hidden'); //nunhides the selected label description.
});
});
</script>
The css change will remove the spaces between the label, the JavaScript change will add the slide animation.