内容切换问题

我希望某些信息，以默认为隐藏，并在项目点击时透露它。我从网上抓起一个切换脚本，但由于某种原因，它正在做我想要的相反的事情。内容切换问题

这里是头部标签之间而来的脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $("p").click(function(){ 
     $("ul").toggle(); 
     }); 
    }); 
</script>

这里的体内代码：

<p class="toggle">+ Apple iPad 2</p> 
<ul> 
    <li>Display Screen (LCD) Only Replacement - $99.99</li> 
    <li>Top Glass (Digitizer) Only Replacement (Black) – $109.99</li> 
    <li>Top Glass (Digitizer) Only Replacement (White) – $109.99</li> 
</ul>

如果有人能解释一下我在做什么错了，我真的很欣赏它。谢谢！ :)

来源

2014-12-05 glassich

隐藏在加载页面，然后切换上点击：

$(document).ready(function(){ 
    $("ul").hide(); //added this line 
    $("p").click(function(){ 
     $("ul").toggle(); 
    }); 
});

来源

2014-12-05 19:57:45 mkutyba

谢谢，这样做！ :) – glassich 2014-12-07 01:19:30

这里工作小提琴：http://jsfiddle.net/2L0efebh/1/

的JavaScript

$("p").click(function(){ 
    $("ul").toggle("slow"); 
});

HTML

<p class="toggle">+ Apple iPad 2</p> 
<ul class="unactive"> 
    <li>Display Screen (LCD) Only Replacement - $99.99</li> 
    <li>Top Glass (Digitizer) Only Replacement (Black) – $109.99</li> 
    <li>Top Glass (Digitizer) Only Replacement (White) – $109.99</li> 
</ul>

CSS

.unactive { 
    display:none; 
}

来源

2014-12-05 19:59:58

肘方法切换元件的可见性。在你的情况下，你没有隐藏元素，因为最初默认情况下显示所有元素。注意如何最初UL的公开程度设置为显示：如果/如何显示的元素没有它只是意味着显示器属性指定。通过指定知名度最初我们保持UL隐藏，一旦用户会点击该段切换功能将切换匹配元素的可见性，因此UL将显示给用户。下面是使它的工作方式，你想它的代码

HTML

<p class="toggle">+ Apple iPad 2</p> 
<ul class="inactive"> 
    <li>Display Screen (LCD) Only Replacement - $99.99</li> 
    <li>Top Glass (Digitizer) Only Replacement (Black) – $109.99</li> 
    <li>Top Glass (Digitizer) Only Replacement (White) – $109.99</li> 
</ul>

CSS

.inactive { 
    display:none; 
}

JAVASCRIPT

$("p").click(function(){ 
    $("ul").toggle("slow"); 
});

为了更好地理解切换功能，您可以检查here

来源

2014-12-05 20:40:30

内容切换问题

回答

相关问题