這是我的代碼：隱藏DIV

<script type='text/javascript'> 


     var slide = function (div) { 
      if ($(div).css('display') === 'none') { 
       $(div).delay(100).slideDown(500); 
       return false; 
      } else { 
       $(div).delay(100).slideUp(500); 
       return false; 
      } 
     } 
     //]]> 
    </script> 


Css: 


    #cips, 
     #briketi, 
     #pelet { 
      background-color: cyan; 
      position: absolute; 
      top: 30px; 
      height: 150px; 
      width: 300px; 
     } 

     <a href="#" onclick="slide('#cips');">Cips</a> 
    <a href="#" onclick="slide('#pelet');">Pelet</a> 
    <a href="#" onclick="slide('#briketi');">Pilana</a> 
    <div id="proizvodi"> 
     <div id="cips" style="display: none"> 
      Resurs centar</br> 
      Cefix 
     </div> 
     <div id="briketi" style="display: none"> 
      Proba 
     </div> 
     <div id="pelet" style="display: none"> 
      Udruzenje sumovlasnika 
     </div> 
    </div>

我想的onclick顯示DIV，但點擊另一個時隱藏。有人有解決方案嗎？

提前致謝！

來源

2014-01-13 user3183024

你可以使用Jquery。

$（div）.show（）;或$（div）.hide（）;

一個例子

$(document).ready(function(){ 
    $("div").click(function(){ 
    $("div2").hide(); 
    $("div3").show(); 
    }); 
});

沒關係？

來源

2014-01-13 11:04:51

號如果你能張貼代碼，我將不勝感激。 thnx – user3183024

首先你需要去http://jquery.com/下載腳本/添加你的項目 ** ** 在這之後，你用初始化** $（document）.ready（function（）{ //現在你可以用你的div來調用隱藏或顯示它 $（「＃ID OF DIV」）。hide（）; or $（「＃ID OF DIV」）。show（）; }）; ** 這就是一個例子： http://www.w3schools.com/jquery/jquery_hide_show.asp –

我想通了！這裏是代碼：$（window）.load（function（）{（「a」）。click（function（）{ var id = $（this）.attr（「rel」）; $（「 .div-display「）。hide（）; $（」＃「+ id）.slideDown（400）; }）;但是，無論如何謝謝 – user3183024

在第一條的，如果（一個隱藏的一個點擊），你可以在開始補充一點：

$('div').slideUp(500);

這將使所有<div>小號向上滑動，然後滑動想一跌。

全碼：

function slide(div) { 
    if ($(div).css('display') === 'none') { 
     $('div').slideUp(500); 
     $(div).delay(100).slideDown(500); 
    } else { 
     $(div).delay(100).slideUp(500); 
    } 
    return false; 
}

來源

2014-01-13 11:06:43 Scimonster

如果你可以發佈代碼， – user3183024

我編輯了帖子的更新代碼 – Scimonster

我想通了，下面是代碼：$（window）.load（function（）{（「a」）。click（function（）（）。（this）.attr（「rel」）; $（「。div-display」）。hide（）; $（「＃」+ id）.slideDown（400）; }） ;無論如何，謝謝你的幫助，歡呼聲 – user3183024

HTML

<body> <a href="#" id="link">link</a> 
    <div id="showHideDiv" class="hide">hello!</div> 
</body>

的JavaScript

$(document).ready(function() { 
    jQuery('#link').click(function (e) { 
     e.preventDefault(); 
     if (jQuery('#showHideDiv').hasClass('hide')) { 
      jQuery('#showHideDiv').removeClass('hide'); 
      jQuery('#link').css('color', 'red'); 
     } else { 
      jQuery('#showHideDiv').addClass('hide'); 
      jQuery('#link').css('color', 'blue'); 
     } 
    }); 
});

Demo

來源

2014-01-13 11:08:28

隱藏DIV

回答

Demo

相關問題