切换的替代方案

时间:2015-09-13 15:00:22

标签: javascript css onclick

我有一个基本的节目隐藏切换。它适用于除iPhone之外的所有东西,它让我发疯。

是否有以下javascript的替代品不使用切换功能?

的Javascript

$(document).ready(function(){
    $(".pic_you_click_on").on('click', function(){
        $("#display").toggle();
    });
});

HTML

<img class="pic_you_click_on" src="images.png"></img>
<ul id="display" class="div_to_appear">
    <li><a href="#about" class="scroll">About</a></li>
    <li><a href="#home"class="scroll">Home</a> </li>
</ul>  

CSS

#display {
    display:none;
}  

1 个答案:

答案 0 :(得分:0)

好的,所以我知道问题是什么。 动画Css。我用它将动画效果应用到我的标题中。我不知道的是,使用动画可能经常弄乱你的堆叠顺序,特别是固定元素。见下文。

http://daneden.me/2012/04/22/css-transforms-and-z-index/

我不得不剥离整个网站并逐个放置每个元素,每次检查它。 在我添加效果的那一刻,它变成了蛋羹。显然这是常识......不是我的意思!我已将其删除,按钮现在正常运行。