标签: slidedown

有没有人知道为什么当选择其中一个bin时它会跳到顶部<div>？我已经尝试了一切,它只是不起作用(至少在Chrome中).

这是我的脚本:

<script>
 $(document).ready(function () {
        $("#bin1").click(function(){ 
           $("#div1").slideDown("1000"); 
           $("#div3").hide(); 
           $("#div2").hide();  
           $("#div4").hide();
        });
       $("#bin2").click(function(){ 
           $("#div2").slideDown("1000"); 
           $("#div3").hide(); 
           $("#div1").hide();  
           $("#div4").hide();
        });
      $("#bin3").click(function(){ 
          $("#div3").slideDown("1000"); 
           $("#div1").hide(); 
           $("#div2").hide();  
           $("#div4").hide();
       });
     $("#bin4").click(function(){ 
          $("#div4").slideDown("slow"); 
          $("#div3").hide(); 
          $("#div2").hide();  
          $("#div1").hide();

          return false;
      });
  });
 </script>

这是HTML:

<div id="binheader" style="padding-top:20px;">
  <a href="javascript: return null;" id="bin1">
    <img src="img/black bin name.png"
    style="width:200px; float:left;" />
  </a>
  <a href="javascript: return null;" id="bin2">
    <img src="img/green bin name.png"
    style="padding-left:33px; width:200px; float:left;" />
  </a>
  <a href="javascript: return null;" id="bin3">
    <img src="img/yellow box name.png"
    style="padding-left: 34px; width:200px; float:left;" …

我<div>在父母身边留下了两个人<div>.使用jQuery,div.will_slide_down将在某个时候向下滑动(使用$("div.will_slide_down").slideDown()).当它向下滑动时,其div.first高度也应该增加以同时匹配高度div.second.

我怎样才能做到这一点？

 <div class="wrap">
      <div class="first" style="width: 200px; float: left;"></div>
      <div class="second" style="width: 700px; float: left;">
           <p>BlaBlaBla</p>
           <div class="will_slide_down" style="display: none">Some hidden text</div>
      </div>
 </div>

我能想到的唯一方法是slideDown在div.second完成时运行一个函数,但这会弄乱布局.它应该同时发生.

码:

$(document).ready(function() {
    $('.some_class').slideDown(1000).fadeIn(5000);
});

使用上面的一个,我想滑动一个div,同时让它淡入淡出.上面的那个似乎不起作用.我究竟做错了什么？

有一点问题

点击后得到四个链接我想从外部html页面加载内容到一个叫做内容的div,它向下滑动并显示来自外部html页面的内容,但我想使用链接中的href来加载特定的div来自外部html页面的标签..我几乎就在那里错过了最后一部分..我似乎无法在我的jquery load语句中使用我的变量..

这就是我到目前为止所拥有的......

    $("#services a").click(function(){
     var href = $(this).attr("href");
      console.log(href)
      $('#content').slideToggle(function(){
       $("#content").load("services.html" + href); 
      });
    return false;
    });

如果有人能指出我如何在选择不同的链接时滑回内容div,然后显示该链接的内容..会很棒..

多谢你们..

在FF4中造成这种奇怪跳跃效果的原因是什么(请参阅下滑最新作业)？

http://jsfiddle.net/ipavelek/2dMNb/2/

Everyhing在Chrome/Safari中运行良好.

注意:将高度设置为.media45px会修复此特定情况,但无法解决问题.

这应该是非常简单的,但是我不能让它按照它应该工作.

以下代码应该能够执行以下操作.页面完成加载后,页面顶部的div(div#panel)应向下滚动到视图中.延迟几秒后,div应该向外滚动到视图之外.当用户点击触发器时,div也应该能够上下切换.

提前感谢您的意见/建议.

$(document).ready(function() {

    $("div#panel").slideDown("slow");
    setTimeout(function(){ 
    $("div#panel").slideUp("slow"); 
    }, 5000);

});

$(document).ready(function() {

    // Expand Panel
    $("#open").click(function(){
        $("div#panel").slideDown("slow");
    }); 

    // Collapse Panel
    $("#close").click(function(){
        $("div#panel").slideUp("slow"); 
    });         
});

我有这个jquery代码

$(document).ready(function(){
  $(".C_bmiShowTableWord").click(function () {
    $(".C_bmiShowTable").slideDown();
  });
});

如果我点击C_bmiShowTableWord它会滑下来C_bmiShowTable

如果我点击C_bmiShowTableWord并且C_bmiShowTable已经向下滑动,然后将其向上滑动,我想制作它...而且^ ^ ^

我有jQuery延迟()的问题.它根本不起作用.我过去使用过这个功能而且它正在工作.我认为CSS中可能有一些东西,但我找不到它.

这是一个jQuery代码:

$(document).ready(function(){
 function delay() {
   $('.delay').slideDown(500);
  }
  setTimeout(delay, 2500);
});

这是一个HTML代码:

  <div id="header">
        <img src="http://test.captive-portal.com/slideup/_images/header.png">
  </div>

    <div class="delay">
        <div class="spons"><img src="http://test.captive-portal.com/slideup/_images/brought-by.jpg"></div>          

        <div class="overflow">

            <div id="nav">

                <a href="#"><div class="menu-button1"><img src="http://test.captive-portal.com/slideup/_images/own-ad1.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b1.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b2.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b3.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b4.jpg"></div></a>

            </div>

        </div>        
        <div id="finalbut">
            <a href="access-ok.html"><img src="http://test.captive-portal.com/slideup/_images/butt-go-online.png"></a>
        </div>

  </div>

</div>

CSS(如果需要,可能会导致问题)就在这里:CSS HERE

jsFiddle中的所有内容都在这里:jsFiddle

<!DOCTYPE html>
<html>
    <head>
        <title>
        </title>
        <style>
        </style>
        <script type="text/javascript">
            $(document).ready(function {
          $('img').slideDown('slow');
      });
        </script>
    </head>
    <body>
        <img src="images\sjmak-music-logo.jpeg"/>
    </body>
</html>

上面的简单代码示例不起作用; 我试图简单地让图像从屏幕顶部向下滑动,但它保持静止.我还尝试在图像上使用'display:none',但图像保持隐藏而不是从顶部向下滑动.