- cosmetic changes in the test and results template.

- simplified code in some questions. - added more error checks.

- cosmetic changes in the test and results template.
- simplified code in some questions. - added more error checks.
Miguel Barão
1 parent 506755ac
Showing 7 changed files with 197 additions and 151 deletions Show diff stats
BUGS.md
config/server.conf
questions.py
serve.py
static/js/question_disabler.js
templates/results.html
templates/test.html
 # BUGS
+- mesmo aluno pode entrar várias vezes em simultaneo...
+- ordenar lista de alunos pelos online/offline, e depois pelo numero.
+- qd scripts não são executáveis rebenta. Testar isso e dar uma mensagem de erro.
 - paths manipulation in strings is unix only ('/something'). use os.path to create paths.
 - alunos vêm nota final arredondada às decimas, mas é apenas um arredondamento visual. Pode acontecer o aluno chumbar, mas ver uma nota positiva (e.g.  9.46 mostra 9.5 e presume que esta aprovado). Mostrar 3 casas?
 - alunos podem entrar duas vezes em simultaneo. impedir, e permitir ao docente fazer kick-out
 # -*- coding: utf-8 -*-
 [global]
-environment= 'production'
+; environment= 'production'
 ; number of threads running
 server.thread_pool= 10
-import yaml
-import random
-import re
-import subprocess
-import sys
-import os.path
-
-# Example usage:
+# Example:
 #
 #   pool = QuestionPool()
 #   pool.add_from_files(['file1.yaml', 'file1.yaml'])
@@ -18,6 +11,31 @@ import os.path
 #   test[0]['answer'] = 42           # insert answer
 #   grade = test[0].correct()        # correct answer
+
+# Functions:
+#    create_question(q)
+#           q       - dictionary with question in yaml format
+#           returns - question instance with the correct class
+
+
+# An instance of an actual question is a Question object:
+#
+# Question          - base class inherited by other classes
+# QuestionRadio     - single choice from a list of options
+# QuestionCheckbox  - multiple choice, equivalent to multiple true/false
+# QuestionText      - line of text compared to a list of acceptable answers
+# QuestionTextRegex - line of text matched against a regular expression
+# QuestionTextArea  - corrected by an external program
+# QuestionInformation - not a question, just a box with content
+
+import yaml
+import random
+import re
+import subprocess
+import sys
+import os.path
+
+
 # ===========================================================================
 class QuestionsPool(dict):
     '''This class contains base questions read from files, but which are
@@ -79,10 +97,15 @@ def create_question(q):
     The remaing keys depend on the type of question.
     '''
+    # If `q` is of a question generator type, an external program will be run
+    # and expected to print a valid question in yaml format to stdout. This
+    # output is then converted to a dictionary and `q` becomes that dict.
     if q['type'] == 'generator':
         q.update(question_generator(q))
-    # at this point the generator question was replaced by an actual question
+    # At this point the generator question was replaced by an actual question.
+    # Depending on the type of question, a different question class is
+    # instantiated. All these classes derive from the base class `Question`.
     types = {
         'radio'     : QuestionRadio,
         'checkbox'  : QuestionCheckbox,
@@ -97,25 +120,26 @@ def create_question(q):
         # ''          : QuestionInformation,  # default
     }
-    # create instance of given type
+    # Get the correct question class for the declared question type
     try:
         questiontype = types[q['type']]
     except KeyError:
         print('[ ERROR ]  Unsupported question type "{0}" in "{1}:{2}".'.format(q['type'], q['filename'], q['ref']))
         questiontype = Question
-    # create question instance and return
+    # Create question instance and return
     try:
         qinstance = questiontype(q)
     except:
         print('[ ERROR ]  Creating question "{0}" from file "{1}".'.format(q['ref'], q['filename']))
+        # FIXME if here, then no qinstance is defined to return...
     return qinstance
 # ---------------------------------------------------------------------------
 def question_generator(q):
-    '''Run an external script that will generate a question in yaml format.
+    '''Run an external program that will generate a question in yaml format.
     This function will return the yaml converted back to a dict.'''
     q['arg'] = q.get('arg', '')  # send this string to stdin
@@ -126,11 +150,16 @@ def question_generator(q):
     except FileNotFoundError:
         print('[ ERROR ]  Script "{0}" of question "{2}:{1}" not found'.format(script, q['ref'], q['filename']))
         sys.exit(1)
+    except PermissionError:
+        print('[ ERROR ]  Script "{0}" of question "{2}:{1}" has wrong permissions. Is it executable?'.format(script, q['ref'], q['filename']))
+        sys.exit(1)
     try:
         qyaml = p.communicate(input=q['arg'].encode('utf-8'), timeout=5)[0].decode('utf-8')
     except subprocess.TimeoutExpired:
         p.kill()
+        print('[ ERROR ]  Timeout on script "{0}" of question "{2}:{1}"'.format(script, q['ref'], q['filename']))
+        sys.exit(1)
     return yaml.load(qyaml)
@@ -146,6 +175,11 @@ class Question(dict):
         self['grade'] = 0.0
         return 0.0
+    def set_defaults(self, d):
+        'Add k:v pairs from default dict d for nonexistent keys'
+        for k,v in d.items():
+            self.setdefault(k, v)
+
 # ===========================================================================
 class QuestionRadio(Question):
@@ -153,9 +187,9 @@ class QuestionRadio(Question):
         type (str)
         text (str)
         options (list of strings)
-        shuffle (bool, default True)
+        shuffle (bool, default=True)
         correct (list of floats)
-        discount (bool, default True)
+        discount (bool, default=True)
         answer (None or an actual answer)
     '''
@@ -164,45 +198,32 @@ class QuestionRadio(Question):
         # create key/values as given in q
         super().__init__(q)
-        self['text'] = self.get('text', '')
+        # set defaults if missing
+        self.set_defaults({
+            'text': '',
+            'correct': 0,
+            'shuffle': True,
+            'discount': True,
+            'answer': None,
+            })
-        # generate an order for the options, e.g. [0,1,2,3,4]
         n = len(self['options'])
-        perm = list(range(n))
-
-        # shuffle the order, e.g. [2,1,4,0,3]
-        if self.get('shuffle', True):
-            self['shuffle'] = True
-            random.shuffle(perm)
-        else:
-            self['shuffle'] = False
-
-        # sort options in the given order
-        options = [None] * n  # will contain list with shuffled options
-        for i, v in enumerate(self['options']):
-            options[perm[i]] = str(v)  # always convert to string
-        self['options'] = options
-        # default correct option is the first one
-        if 'correct' not in self:
-            self['correct'] = 0
-
-        # correct can be either an integer with the correct option
-        # or a list of degrees of correction 0..1
-        # always convert to list, e.g. [0,0,1,0,0]
+        # always convert to list, e.g.  correct: 2 --> correct: [0,0,1,0,0]
+        # correctness levels from 0.0 to 1.0 (no discount here!)
         if isinstance(self['correct'], int):
-            correct = [0.0] * n
-            correct[self['correct']] = 1.0
-            self['correct'] = correct
+            self['correct'] = [1.0 if x==self['correct'] else 0.0 for x in range(n)]
-        # sort correct in the given order
-        correct = [None] * n
-        for i, v in enumerate(self['correct']):
-            correct[perm[i]] = float(v)
-        self['correct'] = correct
-        self['discount'] = bool(self.get('discount', True))
-        self['answer'] = None
+        if len(self['correct']) != n:
+            print('[ ERROR ]  Options and correct mismatch in "{1}", file "{0}".'.format(self['filename'], self['ref']))
+        # generate random permutation, e.g. [2,1,4,0,3]
+        # and apply to `options` and `correct`
+        if self['shuffle']:
+            perm = list(range(n))
+            random.shuffle(perm)
+            self['options'] = [ str(self['options'][i]) for i in perm ]
+            self['correct'] = [ float(self['correct'][i]) for i in perm ]
     #------------------------------------------------------------------------
     # can return negative values for wrong answers
@@ -237,38 +258,28 @@ class QuestionCheckbox(Question):
         # create key/values as given in q
         super().__init__(q)
-        self['text'] = self.get('text', '')
-
-        # generate an order for the options, e.g. [0,1,2,3,4]
         n = len(self['options'])
-        perm = list(range(n))
-        # shuffle the order, e.g. [2,1,4,0,3]
-        if self.get('shuffle', True):
-            self['shuffle'] = True
+        # set defaults if missing
+        self.set_defaults({
+            'text': '',
+            'correct': [0.0] * n,     # useful for questionaries
+            'shuffle': True,
+            'discount': True,
+            'answer': None,
+            })
+
+        if len(self['correct']) != n:
+            print('[ ERROR ]  Options and correct mismatch in "{1}", file "{0}".'.format(self['filename'], self['ref']))
+
+        # generate random permutation, e.g. [2,1,4,0,3]
+        # and apply to `options` and `correct`
+        if self['shuffle']:
+            perm = list(range(n))
             random.shuffle(perm)
-        else:
-            self['shuffle'] = False
-
-        # sort options in the given order
-        options = [None] * n  # will contain list with shuffled options
-        for i, v in enumerate(self['options']):
-            options[perm[i]] = str(v)  # always convert to string
-        self['options'] = options
-
-        # default is to give zero to all options [0,0,...,0]
-        if 'correct' not in self:
-            self['correct'] = [0.0] * n
+            self['options'] = [ str(self['options'][i]) for i in perm ]
+            self['correct'] = [ float(self['correct'][i]) for i in perm ]
-        # sort correct in the given order
-        correct = [None] * n
-        for i, v in enumerate(self['correct']):
-            correct[perm[i]] = float(v)
-        self['correct'] = correct
-
-        self['discount'] = bool(self.get('discount', True))
-
-        self['answer'] = None
     #------------------------------------------------------------------------
     # can return negative values for wrong answers
@@ -279,7 +290,7 @@ class QuestionCheckbox(Question):
         else:
             # answered
             sum_abs = sum(abs(p) for p in self['correct'])
-            if sum_abs < 1e-6:  # in case correct: [0,0,0,0,0]
+            if sum_abs < 1e-6:  # case correct [0,...,0] avoid div-by-zero
                 self['grade'] = 0.0
             else:
@@ -311,17 +322,18 @@ class QuestionText(Question):
         # create key/values as given in q
         super().__init__(q)
-        self['text'] = self.get('text', '')
+        self.set_defaults({
+            'text': '',
+            'correct': [],
+            'answer': None,
+            })
         # make sure its always a list of possible correct answers
         if not isinstance(self['correct'], list):
             self['correct'] = [self['correct']]
-        # make sure the elements of the list are strings
-        for i, a in enumerate(self['correct']):
-            self['correct'][i] = str(a)
-
-        self['answer'] = None
+        # make sure all elements of the list are strings
+        self['correct'] = [str(a) for a in self['correct']]
     #------------------------------------------------------------------------
     # can return negative values for wrong answers
@@ -349,8 +361,12 @@ class QuestionTextRegex(Question):
     def __init__(self, q):
         # create key/values as given in q
         super().__init__(q)
-        self['text'] = self.get('text', '')
-        self['answer'] = None
+
+        self.set_defaults({
+            'text': '',
+            'correct': '$.^',   # will always return false
+            'answer': None,
+            })
     #------------------------------------------------------------------------
     # can return negative values for wrong answers
@@ -379,9 +395,14 @@ class QuestionTextArea(Question):
     def __init__(self, q):
         # create key/values as given in q
         super().__init__(q)
-        self['text'] = self.get('text', '')
-        self['answer'] = None
-        self['lines'] = self.get('lines', 8)
+
+        self.set_defaults({
+            'text': '',
+            'answer': None,
+            'lines': 8,
+            })
+
+        self['correct'] = os.path.abspath(os.path.normpath(os.path.join(self['path'], self['correct'])))
     #------------------------------------------------------------------------
     # can return negative values for wrong answers
@@ -394,29 +415,34 @@ class QuestionTextArea(Question):
             # The correction program expects data from stdin and prints the result to stdout.
             # The result should be a string that can be parsed to a float.
-            script = os.path.abspath(os.path.normpath(os.path.join(self['path'], self['correct'])))
             try:
-                p = subprocess.Popen([script], stdout=subprocess.PIPE, stdin=subprocess.PIPE, stderr=subprocess.STDOUT)
+                p = subprocess.Popen([self['correct']],
+                    stdout=subprocess.PIPE,
+                    stdin=subprocess.PIPE,
+                    stderr=subprocess.STDOUT)
             except FileNotFoundError as e:
-                print('  * Script "{0}" defined in question "{1}" of file "{2}" could not be found'.format(self['correct'], self['ref'], self['filename']))
+                print('[ ERROR ]  Script "{0}" defined in question "{1}" of file "{2}" could not be found'.format(self['correct'], self['ref'], self['filename']))
+                raise e
+            except PermissionError as e:
+                print('[ ERROR ]  Script "{0}" has wrong permissions. Is it executable?'.format(self['correct']))
                 raise e
             try:
-                value = p.communicate(input=self['answer'].encode('utf-8'), timeout=5)[0].decode('utf-8')  # esta a dar erro!
+                value = p.communicate(input=self['answer'].encode('utf-8'), timeout=5)[0].decode('utf-8')
             except subprocess.TimeoutExpired:
                 p.kill()
-                # p.communicate() # FIXME parece que este communicate obriga a ficar ate ao final do processo,  mas nao consigo repetir o comportamento num script simples...
                 value = 0.0  # student gets a zero if timout occurs
-                printf('  * Timeout in correction script')
+                print('[ WARNG ]  Timeout in correction script "{0}"'.format(self['correct']))
             # In case the correction program returns a non float value, we assume an error
             # has occurred (for instance, invalid input). We just assume its the student's
             # fault and give him Zero.
             try:
                 self['grade'] = float(value)
-            except (ValueError):
+            except ValueError as e:
                 self['grade'] = 0.0
-                raise Exception('Correction of question "{0}" returned nonfloat "{1}".'.format(self['ref'], value))
+                print('[ ERROR ]  Correction of question "{0}" returned nonfloat:\n{1}\n'.format(self['ref'], value))
+                raise e
         return self['grade']
@@ -432,12 +458,15 @@ class QuestionInformation(Question):
     def __init__(self, q):
         # create key/values as given in q
         super().__init__(q)
-        self['text'] = self.get('text', '')
-        self['points'] = 0.0  # always override the points
+
+        self.set_defaults({
+            'text': '',
+            })
+
+        self['points'] = 0.0  # always override the default points of 1.0
     #------------------------------------------------------------------------
     # can return negative values for wrong answers
     def correct(self):
-        self['grade'] = 1.0  # always "correct" but points should be zero!
+        self['grade'] = 0.0  # always "correct" but points should be zero!
         return self['grade']
-
@@ -69,11 +69,15 @@ class Root(object):
     # --- RESULTS ------------------------------------------------------------
     @cherrypy.expose
+    @require()
     def results(self):
         if self.testconf.get('practice', False):
+            uid = cherrypy.session.get('userid')
+            name = cherrypy.session.get('name')
+
             r = self.database.test_grades(self.testconf['ref'])
             template = self.templates.get_template('/results.html')
-            return template.render(t=self.testconf, results=r)
+            return template.render(t=self.testconf, results=r, name=name, uid=uid)
         else:
             raise cherrypy.HTTPRedirect('/')
@@ -3,7 +3,7 @@ $(document).ready(function() {
     $("input.question_disabler").change(function () {
         // Disables the body of the question.
         // The flip switch is on the bar, and is still accessible.
-        $(this).parent().next().slideToggle("fast");
+        $(this).parent().parent().next().slideToggle("fast");
         // $(this).parent().parent().className = "panel panel-info";
     });
     $(function () {
@@ -33,7 +33,8 @@
  </head>
  <!-- ===================================================================== -->
 <body>
-<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+
+ <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
   <div class="container-fluid drop-shadow">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
@@ -42,30 +43,37 @@
         <span class="icon-bar"></span>
       </button>
       <a class="navbar-brand" href="#">
-          <!-- <img class="brand" alt="UEvora" src="/pomba-ue.svg"/> -->
-          UEvora
+        ${t['title']}
       </a>
     </div>
-    <!-- <p class="navbar-text"> ${t['title']} </p> -->
-
     <div class="collapse navbar-collapse" id="myNavbar">
-      <ul class="nav navbar-nav">
-        <li><a href="/test">Teste</a></li>
-        <li class="active"><a href="/resultados">Resultados</a></li>
-      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li class="dropdown">
+          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+              <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
+              ${name} (${uid}) <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu">
+            <li><a href="/test">Teste</a></li>
+            <li class="active"><a href="/results">Ver resultados</a></li>
+            <li><a href="/logout"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> Sair</a></li>
+          </ul>
+        </li>
+      </ul>
     </div>
   </div>
 </nav>
+
 <div class="container">
     <div class="panel panel-default drop-shadow">
-        <div class="panel-heading">
+        <!-- <div class="panel-heading">
             ${t['title']}
         </div>
-        <!-- <div class="panel-body"> -->
+         --><!-- <div class="panel-body"> -->
         % if not results:
             <h4 class="text-center">Ainda não há resultados</h4>
@@ -84,7 +92,7 @@
                         from datetime import datetime
                     %>
                     % for r in results:
-                    <tr>
+                    <tr class="default">
                         <td class="text-center">
                             % if loop.index == 0:
                                 <h4>
@@ -101,7 +109,7 @@
                         <!-- <td>${r[0]}</td> -->  <!-- numero -->
                         <td>
                             % if loop.index == 0:
-                                <h4 class="text-uppercase"><img src="\crown.jpg" /> ${r[1]}</h4>
+                                <h4 class="text-uppercase"><img src="/crown.jpg" /> ${r[1]}</h4>
                             % else:
                                 ${r[1]}
                             % endif
 <!DOCTYPE html>
 <html>
 <head>
-    <meta charset="UTF-8">
+    <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title> ${t['title']} </title>
@@ -67,22 +67,12 @@
         <span class="icon-bar"></span>
       </button>
       <a class="navbar-brand" href="#">
-          <!-- <img class="brand" alt="UEvora" src="/pomba-ue.svg"/> -->
-          UEvora
+        ${t['title']}
       </a>
     </div>
-    <!-- <p class="navbar-text"> ${t['title']} </p> -->
-
     <div class="collapse navbar-collapse" id="myNavbar">
-        % if t['practice']:
-          <ul class="nav navbar-nav">
-            <li class="active"><a href="/test">Teste</a></li>
-            <li><a href="/results">Resultados</a></li>
-          </ul>
-        % endif
-
       <ul class="nav navbar-nav navbar-right">
         <li class="dropdown">
           <a class="dropdown-toggle" data-toggle="dropdown" href="#">
@@ -90,6 +80,10 @@
               ${t['name']} (${t['number']}) <span class="caret"></span>
           </a>
           <ul class="dropdown-menu">
+            <li class="active"><a href="/test">Teste</a></li>
+            % if t['practice']:
+            <li><a href="/results">Ver resultados</a></li>
+            % endif
             <li><a href="/logout"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> Sair</a></li>
             <!-- <li><a href="#">Change password</a></li> -->
           </ul>
@@ -102,6 +96,7 @@
 <div class="container">
     <div class="row">
+
         <form action="/correct/" method="post" id="test">
             <%!
                 import markdown as md
@@ -135,35 +130,40 @@
             % for i,q in enumerate(questions):
                 <div class="ui-corner-all custom-corners">
                     % if q['type'] == 'information':
-                        <div class="panel panel-default drop-shadow">
-                            <div class="panel-heading">
+                        <div class="alert alert-warning drop-shadow" role="alert">
+                            <h4>
                                 <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
-                                Informação
-                            </div>
-                            <div class="panel-body">
-                            <!-- <div class="well danger drop-shadow"> -->
-                                <h3><small>${i+1}.</small> ${q['title']}</h3>
+                                ${q['title']}
+                            </h4>
+                            <p>
                                 ${pretty(q['text'])}
-                            </div>
+                            </p>
                         </div>
                     % elif q['type'] == 'warning':
-                        <div class="alert alert-warning drop-shadow" role="alert">
-                        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
-                            ${q['text']}
+                        <div class="alert alert-danger drop-shadow" role="alert">
+                            <h4>
+                                <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> Atenção
+                            </h4>
+                            <p>
+                                ${pretty(q['text'])}
+                            </p>
                         </div>
                     % else:
                     <div class="panel panel-primary drop-shadow">
-                        <div class="panel-heading">
-                            <input type="checkbox" class="question_disabler" data-size="mini" name="answered-${q['ref']}" id="answered-${q['ref']}" checked="">
-                            &nbsp;Classificar
+                        <div class="panel-heading clearfix">
+                            <h4 class="panel-title pull-left">
+                                ${i+1}. ${q['title']}
+                            </h4>
+                            <div class="pull-right">
+                                Classificar&nbsp;
+                                <input type="checkbox" class="question_disabler" data-size="mini" name="answered-${q['ref']}" id="answered-${q['ref']}" checked="">
+                            </div>
                         </div>
                         <div class="panel-body" id="example${i}">
-                            <h3> <small>${i+1}.</small> ${q['title']}</h3>
-
-                            <p class="question">
+                            <div class="question">
                                 ${pretty(q['text'])}
-                            </p>
+                            </div>
                             <fieldset data-role="controlgroup">
                                 % if q['type'] == 'radio':
@@ -226,6 +226,13 @@
                                 % endif  # modal
                             % endif  # show_hints
+                            % if t['show_points']:
+                                <p class="text-right">
+                                <small>(Cotação: ${round(q['points'] / total_points * 20.0, 1)} pontos)</small>
+                                <p>
+                            % endif
+
+
                             % if t['practice'] and 'grade' in q:
                                 % if q['grade'] > 0.99:
                                     <div class="alert alert-success" role="alert">
@@ -244,14 +251,9 @@
                                     </div>
                                 % endif
                             % endif
+                        </div> <!-- panel-body -->
-                            % if t['show_points']:
-                                <p class="text-right">
-                                <small>(Cotação: ${round(q['points'] / total_points * 20.0, 1)} pontos)</small>
-                                <p>
-                            % endif
-                        </div> <!-- panel-body -->
                         % if t['debug'] or t['show_ref']:
                             <div class="panel-footer">
1		1
2	# BUGS	2	# BUGS
3		3
		4	+- mesmo aluno pode entrar várias vezes em simultaneo...
		5	+- ordenar lista de alunos pelos online/offline, e depois pelo numero.
		6	+- qd scripts não são executáveis rebenta. Testar isso e dar uma mensagem de erro.
4	- paths manipulation in strings is unix only ('/something'). use os.path to create paths.	7	- paths manipulation in strings is unix only ('/something'). use os.path to create paths.
5	- alunos vêm nota final arredondada às decimas, mas é apenas um arredondamento visual. Pode acontecer o aluno chumbar, mas ver uma nota positiva (e.g. 9.46 mostra 9.5 e presume que esta aprovado). Mostrar 3 casas?	8	- alunos vêm nota final arredondada às decimas, mas é apenas um arredondamento visual. Pode acontecer o aluno chumbar, mas ver uma nota positiva (e.g. 9.46 mostra 9.5 e presume que esta aprovado). Mostrar 3 casas?
6	- alunos podem entrar duas vezes em simultaneo. impedir, e permitir ao docente fazer kick-out	9	- alunos podem entrar duas vezes em simultaneo. impedir, e permitir ao docente fazer kick-out
1	# -- coding: utf-8 --	1	# -- coding: utf-8 --
2		2
3	[global]	3	[global]
4	-environment= 'production'	4	+; environment= 'production'
5		5
6	; number of threads running	6	; number of threads running
7	server.thread_pool= 10	7	server.thread_pool= 10
	@@ -3,7 +3,7 @@ $(document).ready(function() {		@@ -3,7 +3,7 @@ $(document).ready(function() {
3	$("input.question_disabler").change(function () {	3	$("input.question_disabler").change(function () {
4	// Disables the body of the question.	4	// Disables the body of the question.
5	// The flip switch is on the bar, and is still accessible.	5	// The flip switch is on the bar, and is still accessible.
6	- $(this).parent().next().slideToggle("fast");	6	+ $(this).parent().parent().next().slideToggle("fast");
7	// $(this).parent().parent().className = "panel panel-info";	7	// $(this).parent().parent().className = "panel panel-info";
8	});	8	});
9	$(function () {	9	$(function () {