There are two ways to go about making clickable questions. 

  1. The first is to list your questions at the top, and place your answers separately at the end, with anchor links to connect the questions to their corresponding answers. This is a great method to use if you don’t want to deal with JavaScript. 

  2. The other method is to use JavaScript to hide the answers. With this method, when a visitor clicks on a question, the answer will appear immediately below that question. Some designers animate this (with an accordion or slider effect), while others just have the answer appear, making the other questions jump down. 



Source: http://www.cssmojo.com/toggle_elements/