Django切换按钮列表视图以显示详细信息

时间:2020-08-01 08:50:24

标签: javascript django django-views django-templates

我想在用户单击切换按钮(+)时显示对象的详细信息

用于渲染Django listview对象的循环:

{% for ques in python_objects %}
  <div class= "one">
    print the list object
    <p class="question">
      <b>{{ ques.py_question }}</b> 

      here I link to print detailview object from DetailView Django, I don't know this is the 
      correct way of linking or not because I don't know more about javascript 

      <span class="toggle_button" href="{% url 'interview:python_detail' ques.pk %}" 
            onclick="toggle('answer1');">
         <i class="fa fa-plus" style="color:whitesmoke;"></i>
      </span> 
    </p>

    <div style="display:none; padding-left: 30px; padding-bottom: 30px;" id="answer1">
      {{ python_detail_objects.py_answers }}
    </div>
  </div>
{% endfor %}  

这是我的JavaScript custom.js文件:

function toggle(id) {
  var e = document.getElementById(id);
  if (e.style.display == 'none')
    e.style.display = 'block';
  else
    e.style.display = 'none';
}

0 个答案:

没有答案