`

CSS 点击div的同时显示或隐藏的div

 
阅读更多
 <div id="up">xxxxx</div>
 <div id="down"></div>


点击up时up会显示或隐藏

  function showorhide(){
      // 显示
      if($("#up").is(":hidden")){
          $("#up").show("slow",function(){
            $("#down").css("height",all-$("up").height());
         });
      }else{
          $("#up").hide("slow",function(){
            $("#down").css("height",all+$("up").height());
         })
     }
  }


分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中,“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果:当鼠标悬停在一个div上时,另一个关联的div会显示出来,同时其他无关的div保持隐藏状态。这种效果在创建导航...

    div+css例子 div+css例子

    div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...

    纯CSS3实现DIV高亮显示特效

    "纯CSS3实现DIV高亮显示特效"是一种技术,它利用CSS3的特性,无需依赖JavaScript或图像,就能创建出吸引人的高亮效果。这篇文章将深入探讨如何使用CSS3来实现这一效果。 首先,我们要了解CSS3的一些基本概念。CSS3...

    CSS控制DIV层显示和隐藏的实现方法

    CSS控制DIV层显示和隐藏的知识点可以分为以下几个方面: 一、CSS控制元素显示和隐藏的两种属性 在CSS中,控制元素显示和隐藏主要有两个属性:display和visibility。 1. display属性: display属性用来设置或检索...

    精美css+div网站实例源码

    本资源"精美css+div网站实例源码"提供了四个不同样式的网站源码,分别是lotusflower、gumamela、CleanandBlue和fotolandia,非常适合初学者和有经验的开发者学习和参考。 1. **CSS布局**: 这些源码实例展示了如何...

    css+div网页模板整站

    《CSS+Div网页模板整站解析》 在网页设计领域,CSS(层叠样式表)与Div元素的结合是构建现代网页布局的核心技术。本资料集合包含了一个完整的网站模板,由十个不同页面组成,旨在为网页设计师提供实用的参考和学习...

    左侧隐藏div,点击按钮弹出

    然后,JavaScript(如jquery.contactable.js或jquery.contactable.min.js)负责处理按钮点击事件并控制div的显示与隐藏。这里我们使用jQuery库,因为它提供了简单易用的API: ```javascript $(document).ready...

    css + div 滑动弹出div效果

    例如,当一个div从隐藏变为显示时,可以通过添加或改变其高度、宽度、透明度等属性来实现滑动效果。下面是一个简单的例子: ```css #myDiv { width: 0; height: 0; opacity: 0; transition: all 0.5s ease; /* ...

    JS +CSS+DIV 拖攥 模块显示隐藏 换肤

    在模块显示隐藏中,DIV 可作为独立的模块,根据需要显示或隐藏。换肤时,DIV 的样式会受到新加载CSS的影响,从而改变外观。 **文件列表详解**: 1. **topic_1.css, topic_2.css**:这些可能是不同的皮肤样式文件,...

    纯CSS实现div弹出对话框

    纯CSS实现div弹出对话框 可以应用于C#,.net 里面。 页面比较好看。

    漂亮遮罩层css+div

    漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div ...

    Div显示与隐藏网页制作

    例如,可以通过添加`onclick`事件监听器来实现点击按钮隐藏或显示`Div`: ```html ()"&gt;点击我 &lt;div id="myDiv"&gt;这是隐藏/显示的内容&lt;/div&gt; function toggleMyDiv() { $('#myDiv').toggle(); } ``` 在这个例子中...

    精通css+div

    《精通CSS+Div》是一本深入探讨Web前端布局技术的专著,主要聚焦于使用CSS(层叠样式表)和Div元素进行网页设计与布局。根据提供的章节信息,我们主要关注1、2、8和10章的内容。下面将详细阐述这些章节涵盖的关键...

    css+div 经典问题

    本篇将深入探讨"css+div"的经典问题,同时也会提及到jQuery语法在实际应用中的作用。 一、CSS基础与布局技巧 1. CSS选择器:CSS的选择器是用于定位HTML或XML文档中元素的规则,如类选择器(.class)、ID选择器(#id...

    网页设计div的显示和隐藏

    本文将详细介绍如何通过CSS属性(如`visibility`和`display`)以及JavaScript来实现div的显示与隐藏功能。 #### 一、CSS中的visibility属性 `visibility`属性用于控制元素的可见性,主要分为以下几种状态: 1. **...

    JS实现各种动态显示隐藏div效果

    使用CSS3的`transition`属性,配合JS改变opacity,可以让div在显示或隐藏的过程中平滑过渡。 ```css div { opacity: 0; transition: opacity 0.5s ease-in-out; } div.show { opacity: 1; } ``` 然后在JS中切换...

    ajax控制div窗口显示和隐藏

    在接收到服务器响应后,根据返回的数据决定是否显示或隐藏特定的div。例如,服务器可能返回一个JSON对象,其中包含一个布尔值,表示是否显示div。在响应处理函数中,可以这样操作: ```javascript if (response....

    CSS+div网站模板

    本压缩包中包含了十几套精心设计的CSS+div网站模板,这些模板具有简洁美观的特点,旨在帮助用户快速搭建符合个人或企业需求的网站。 1. **CSS**:CSS是一种样式表语言,用于定义HTML或XML(包括SVG、MathML等各种...

    鼠标移动到div上显示制定信息或者div(自适应显示位置)

    在网页设计中,有时我们需要实现一个功能:当用户将鼠标悬停在某个div元素上时,显示特定的信息或另一个div。这个功能可以增强用户体验,帮助用户更好地理解和操作页面。本教程将详细介绍如何实现这一功能,并确保...

    CSS+DIV实例

    1. 浮动布局:早期的`CSS+DIV`布局常使用`float`属性,让元素在容器中浮动,实现左右排列或自适应布局。 2. 盒模型:理解盒模型是布局的关键,它包括元素的内容、内边距、边框和外边距,影响元素的总尺寸。 3. 定位...

Global site tag (gtag.js) - Google Analytics