Question

我有这个隐藏的div，当我点击一个按钮时，它显示正确但是当我尝试将<p>置于div中时它不会显示，只有当我取出<p>时一切都很好，但我只想把风格放在像<br>这样的段落和其他东西上，以使它看起来更好。请看一下这个JSFiddle

html

<section> <a rel="external" href="#button" id="button" class="button"> </a> <span></span> </section>

jquery的

$(document).ready(function(){
$('#button').click(function(){
$(this).toggleClass('on');
$('p').toggleClass('hidn');
    $('div[id=container]').toggleClass('container');
    $('p[id=p1]').toggleClass('p1');
});
});

Answer 1

您正在切换所有段落标记上的类hidn，包括div中的标记。但由于div中的那些没有这个类，它会被添加，使它们变得不可见。

编辑：因此要么使该段落切换更具针对性，要么设置规则以使内容div中hidn类的pargraph不可见。

Answer 2

将'hidn'类添加到有问题的段落中，因为由于错误的jQuery选择器而切换它也是如此。

http://jsfiddle.net/baJme/4/

<p id="p1" class="p1 hidn">

但是，我强烈建议用适当的选择器重写代码。另外，请遵循Arun关于选择ID的评论中的建议。

Answer 3

您正在切换所有段落标记上的课程hidn，而是将特定id添加到特定<p>标记。请尝试：

HTML：

<p id="p0" class="hidn" style="font-size: 50px;font-family: Razer Header Regular;
top: 20%; color: rgb(192,192,192); position: relative; text-align: center;">

的Jquery：

$(document).ready(function(){
$('#button').click(function(){
    $(this).toggleClass('on');
    $('#p0').toggleClass('hidn');
    $('#container').toggleClass('container');
    $('#p1').toggleClass('p1');
});
});

Demo

div内的内容没有显示

3 个答案: