在相同的按钮点击，Div淡出和淡入

我想创建一个单页的网站，点击按钮的impressum-div会淡入。另一个点击相同的按钮，然后淡出impressum-div 。在相同的按钮点击，Div淡出和淡入

我已经管理它淡入点击div。但是，当我尝试使用“如果”整个事情不再工作。我已经发现了一些的窍门在这里和尝试所有这些，但没有什么工作对我来说..

这里我的脚本，代码：

<script type="text/javascript"> 
    $(document).ready(function() { 
     function display() { 

      if (document.getElementById("impressum").style=="none") { 
       $('#impressum').fadeIn(); 
      } 
      if (document.getElementById("impressum").style=="block") { 
       $('#impressum').fadeOut(); 
      } 
     } 
    }); 
</script>

我想这几个版本（带。点击（）等等..），所以这可能是完全错误的。

这里我的HTML代码：

<input type="button" id="iButton" value="Impressum" onclick="javascript:display()"/> 

     <div id="impressum" style="display:none"> 

     <p>Here Impressum</p></div>

帮助非常感激，如果你能发布一个功能齐全，将他的整个最好的，因为我只是把部分一起疯狂..

问候

来源

2014-02-10 user3292064

检查此链接：http://stackoverflow.com/questions/2147788/jquery-click -btn-fade-in-out –

只需使用fadeToggle（）

<input type="button" id="iButton" value="Impressum" onclick="javascript:display()" /> 
<div id="impressum" style="display:none"> 
    <p>Here Impressum</p> 
</div>

然后

$(document).ready(function() { 
    $('#iButton').click(function() { 
     $('#impressum').stop(true).fadeToggle(); 
    }) 
});

演示：Fiddle

来源

2014-02-10 09:03:11

OMG Your My Hero，这完全有效！ – user3292064

HTML

<div id="impressum" style="display:none"> 
    <p>Here Impressum</p> 
</div>

的JavaScript

$('#iButton').click(function() { 
    $('#impressum').stop(true).fadeToggle(); 
});

小提琴：http://jsfiddle.net/xKpLe/

来源

2014-02-10 09:09:09 Howard

你不能检索display值那样的，你需要使用window.getComputedStyle：

var elem = document.getElementById("impressum"), 
    display = window.getComputedStyle(elem,null).getPropertyValue("display");

Fiddle Demo

来源

2014-02-10 09:10:06 Felix

/* 1: <div onclick="display(this);"></div>*/ 
var display = function(elm){ 
    var status = G(elm).attrib('data-display')||'false'; 

    if(status=='false'){ 
     G(elm).css({display:'block'}); 
     G(elm).attrib('data-display', 'true'); 
     return false;} 

    if(status=='true'){ 
     G(elm).css({display:'none'}); 
     G(elm).attrib('data-display', 'false'); 
     return false;} 

    }; 



    /* 2 */ 
    /* elm.onclick = display;*/ 
var display = function(ev){ 
    var elm = this||G(ev).source(); //Choice 
    var status = G(elm).attrib('data-display')||'false'; 

    if(status=='false'){ 
     G(elm).css({display:'block'}); 
     G(elm).attrib('data-display', 'true'); 
     return false;} 

    if(status=='true'){ 
     G(elm).css({display:'none'}); 
     G(elm).attrib('data-display', 'false'); 
     return false;} 

    };

来源

2014-02-10 09:43:20

在相同的按钮点击，Div淡出和淡入

回答

相关问题