We would like to have certain DIVs open and close slowly, when people click on the controlling DIV subject line.
So for example here:
if you click on the Subject of a question, you will see that the DIV opens suddenly. We would like it to open slowly just as the accompanying Arrow image to the right rotates Up slowly and Down slowly.
And just to be clear: the Hight of the DIV that is closed which is to Open upon click on Subject is not known, as it can vary from Question to Question. So it is very crucial that the open DIV height is not fixed.
P.S., I forgot to mention: No Jquery please. Solution should be in CSS & native JS.