我在php内隐藏div无法正常工作

时间:2016-01-12 02:58:10

标签: php html css hide

from operator import iadd

...

def compute(aList):
    if len(aList) != 0:
        return iadd([(aList[0], aList[-1])], compute(aList[1: -1]))
    return []

我在PHP中有这个代码:

.dq {
  display: none;
}

#s:hover~ .dq {
  display:block;
}

其中一些来自我的sql表。我想要实现的是当我点击节目答案时我想要显示答案。使用css默认隐藏哪个。 鉴于以上最多的是css snipet。知道什么是错的,我怎么能实现这个目标呢?

2 个答案:

答案 0 :(得分:2)

a标记放在.dq类之上。这样sibling selector就可以了。



.dq {
  display: none;
}
#s:hover~ .dq {
  display: block;
}
#s {
  padding: 5px 15px;
  background: #ddd;
  cursor: pointer;
}

<div class='span3 tiny'>
  <div class='pricing-table-header-tiny'>
    <h2>" Question : whats is the question ?"</h2>


  </div>
  <a id='s'>Show answer</a>
  <div class='dq'>
    <div class='pricing-table-features'>
      <p>" Hi this is the answer "</p>
    </div>
    <div class='Dass'>
      <p id='Dassp'>Answered by: "Kim"
        <p>
    </div>
  </div>

</div>
&#13;
&#13;
&#13;

对于有效状态//

您必须将a代码设为link才能使其在:active州工作。

<a href="" id="s">

并编写:focus州的样式

#s:active~ .dq,  #s:focus~ .dq{
      display: block;
    }

&#13;
&#13;
.dq {
  display: none;
}
a{
  text-decoration: none;
 }
#s:active~ .dq,  #s:focus~ .dq{
  display: block;
}
#s {
  padding: 5px 15px;
  background: #ddd;
  cursor: pointer;
}
&#13;
<div class='span3 tiny'>
  <div class='pricing-table-header-tiny'>
    <h2>" Question : whats is the question ?"</h2>


  </div>
  <a id='s' href="#">Show answer</a>
  <div class='dq'>
    <div class='pricing-table-features'>
      <p>" Hi this is the answer "</p>
    </div>
    <div class='Dass'>
      <p id='Dassp'>Answered by: "Kim"
        <p>
    </div>
  </div>

</div>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

  

我想要实现的是当我点击我想要的节目答案时   回答显示。

嗯,你的方式是错误的。正如@ jinu-kurian所指出的那样,你的css正在尝试悬停,html结构无论如何都是错误的。

如果您希望它在用户点击“显示答案”时起作用,您可以使用此方法:

  • 将href添加到链接href="#answer"
  • 在答案div id="answer"
  • 中添加ID
  • 然后添加此css:

    #answer {display:none; } #answer:target {display:block; }