<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>toggle div</title>
<script language="JavaScript" type="text/javascript">
window.onload = init;
function init()
{
document.getElementById('dropper1').style.display = 'block';
document.getElementById('dropper2').style.display = 'none';
}
function toggleDiv(element)
{
var otherId = element == "dropper1" ? "dropper2" : "dropper1";
document.getElementById(otherId).style.display = 'none';
document.getElementById(element).style.display = 'block';
}
</script>
</head>
<body>
<table>
<tr>
<td onClick="toggleDiv('dropper1');">1</td>
<td onClick="toggleDiv('dropper2');">2</td>
</tr>
</table>
<div id="dropper1">
<ul>
<li>1</li>
</ul>
</div>
<div id="dropper2">
<ul>
<li>2</li>
</ul>
</div>
</body>
</html>
分享到：
相关推荐
标题 "LEDTOGGLE_ledtoggle_" 暗示我们讨论的主题是关于STM32F411 Nucleo开发板上实现LED灯闪烁的程序。STM32F411 Nucleo是一款基于ARM Cortex-M4内核的微控制器开发板，广泛应用于嵌入式系统设计。"LED TOGGLE"通常...
"test-toggle"可能是一个与TypeScript相关的项目或库，其主要目标可能是实现一些测试或切换功能。 首先，让我们来探讨一下TypeScript的基本概念。TypeScript引入了类型注解，允许开发者在代码中定义变量、函数参数...
运行命令“ Source / Test Toggle”，在活动编辑器的源代码和测试文件之间切换。 默认键盘绑定： ctrl + alt + t 设定值 测试关键词 名称： sourceTestToggle.testKeywords 描述：搜索匹配的测试文件时要包括的...
- Changed the Memory test to wait for the Video Playback test and 3D test to allow memory allocation for these tests. - Minor changes to the No operation error watchdog timer for the CD and Hard ...
<div class="toggle-content">Hidden Content</div> ``` 接下来，我们使用CSS来控制样式。`input[type=checkbox]`选择器用于选中或取消选中状态，`#toggle:checked + label`选择器用于当checkbox被选中时应用样式，...
Bootstrap Toggle Buttons是一款基于Bootstrap框架的插件，用于创建美观、交互性强的切换按钮。这款插件使得在网页设计中添加开关、选项等控制元素变得更加简便。Bootstrap Toggle Buttons提供了丰富的自定义选项，...
"Styled Toggle Button for Android" 指的是对这个原生控件进行自定义样式设计，以满足应用界面的个性化需求。这个主题涉及到Android UI设计、自定义视图、XML属性以及事件处理等多个知识点。 1. **Android ...
这个场景中提到的“toggle一个div显示或隐藏且可扩展成自定义下拉框”就是一个典型的用户界面交互功能。下面我们将详细讨论如何实现这样的功能，以及涉及到的相关知识点。 首先，`div` 是HTML中的一个块级元素，常...
Toggle是unity中常用的控件之一， 该项目是Unity3D中的Toggle使用事件的方式控制交互方式，简单实用。
在Unity引擎中，Toggle组件是UI系统的一部分，用于创建用户界面中的开关或复选框功能。Toggle组件在很多场合都非常实用，例如设置选项、选择开关等。本学习笔记将深入探讨Toggle组件及其相关组件ToggleGroup的一些...
STM32 Led Toggle STM32 Led Toggle STM32 Led Toggle STM32 Led Toggle
<div id="content">这是隐藏的内容</div> $(document).ready(function() { $('#toggleBtn').click(function() { $('#content').toggle(); }); }); ``` 在这个例子中，当用户点击按钮时，`#content`...
标题“gpio_toggle_GPIO_”和描述“gpio setup for ti chip”暗示了我们即将探讨的是关于GPIO（General Purpose Input/Output）在德州仪器（TI）芯片上的配置和操作。GPIO是微控制器或处理器系统中用于输入和输出...
在本文中，我们将深入探讨使用jQuery中的toggle方法来实现点击事件控制DIV元素显示与隐藏的机制，并通过实例来分析实现过程中的相关技巧。jQuery作为一个广泛使用的JavaScript库，简化了HTML文档遍历、事件处理、...
This library adds two custom widgets that adhere to the Material Design definition for toggle buttons. Library is backwards compatible to API 9. You can add the library with: compile '...
三星Toggle Mode DDR NAND规格说明书是关于三星公司生产的Toggle Mode DDR NAND闪存的一种详细技术文档。Toggle Mode DDR NAND是一种高速、高性能的非易失性存储技术，广泛应用于移动设备、嵌入式系统和固态硬盘等...
toggleTest.nvim 它在测试文件和实施文件之间切换安装通过插件管理器（推荐）将Plug 'larecg/toggleTest.nvim'添加到您的vimrc文件中。 重新加载您的vimrc或重新启动运行:PlugInstall或类似将Plugin 'larecg/toggle...
在网页设计中，让一个div元素在页面上弹出并居中是一项常见的需求，尤其是在创建模态对话框、提示信息或者加载窗口时。jQuery作为一个强大的JavaScript库，提供了丰富的功能来简化这种操作。本文将深入探讨如何使用...
ToggleButtons是针对Android平台的一个开源项目，专门设计用于实现符合材料设计规范的切换按钮。材料设计是Google推出的一种设计语言，旨在提供一致、直观且富有表现力的用户体验，而ToggleButtons则是这一设计理念...
"react-native-simple-anim-toggle"就是这样一个专门为React Native设计的组件，它简化了在应用中实现动画切换的过程，使开发者可以轻松地创建各种过渡效果。 一、组件介绍 "react-native-simple-anim-toggle" 是...