show-hide 相关问题

show-hide是用于在视觉上指示开启和关闭状态的用户界面行为

隐藏/显示密码按钮在 Vue 3 组合 API 中不起作用

我正在尝试在 vue 3 组合 API 中实现显示/隐藏密码按钮。当我单击该按钮时，它会切换密码框和确认密码框的查看/隐藏。这是我的代码视图

vuejs3 show-hide vue-composition-api

回答 1 投票 0

更改选项卡顺序后，无法在 Sugar Pro 6.3.0 中查看除当前选项卡之外的选项卡

我正在使用 Sugar 6.3.0，当我更改选项卡顺序时出现错误管理 -> 显示模块选项卡和子面板我只在网页上看到当前选项卡，所有其他选项卡都是...

php tabs show-hide sugarcrm

回答 2 投票 0

如果打开另一张图像则隐藏图像，反之亦然

我有 2 个图像（Image1、Image2）的代码，如果单击另外 2 个图像，它们都会打开，最后有 onclick 和 java 部分，如下所示： ... 我有 2 个图像（Image1、Image2）的代码，如果单击其他 2 个图像，这两个图像都会打开，最后有 onclick 和 java 部分，如下所示： <table style="whatever"> <tbody> <tr style="whatever""> <td><a href="link to game1 when the image is clicked" alt="Game1" target="blank" onclick="AfficherCacher('Image1')"> <img src="the image clicked to open Game1+Image1.jpg" width="1689" height="955" class="img-fluid atto_image_button_text-bottom"></a><br></td> <td><a href="link to game2 when the image is clicked" alt="Game2" target="blank" onclick="AfficherCacher('Image2')"> <img src="the image clicked to open Game2+Image2.jpg" width="1689" height="955" class="img-fluid atto_image_button_text-bottom"></a><br></td> </tr> </tbody> </table> 然后 </table> <table style="whatever"> <tbody> <tr style="whatever"> <td> <div id="Image1"> <ul> <img src="Image1.jpg"> </ul> </div> </td> </table> <table style="whatever"> <tbody> <tr style="whatever"> <td> <div id="Image2"> <ul> <img src="Image2.jpg"> </ul> </div> </td> 最后的 JavaScript 部分使其一切正常： <p> <script type="text/javascript"> // <![CDATA[ function AfficherCacher(texte) { var test = document.getElementById(texte).style.display; if (test == "block") { document.getElementById(texte).style.display = "none"; } else { document.getElementById(texte).style.display = "block"; } } // ]]> </script> </p> 唯一的是Image1和Image2可以同时显示在页面上，这是我不想要的。我想打开Image2使Image1消失，并打开Image1使Image2消失。我不知道该用什么。预先感谢您的帮助。我尝试过发明“if”条件，但我不懂 JavaScript（或 CSS），所以我会盲目地去做，而且我显然做错了什么。我不知道我能使用什么以及什么存在/有效。您应该在此处使用数据属性，这将使事情变得更容易。然后，您可以使用 classList.toggle 函数根据条件应用类或删除类。在下面的代码中，我将单击的按钮的数据属性值与每个图像进行比较，并隐藏不具有相同数据属性值的每个图像。这甚至在使用 100 张图像时也有效。 const Buttons = document.querySelectorAll('menu button'); const Images = document.querySelectorAll('img'); Buttons.forEach(button => { button.addEventListener('click', function() { let dataIndex = this.dataset.image; Images.forEach(image => { let imageIndex = image.dataset.image; image.classList.toggle('d-none', imageIndex !== dataIndex); }) }) }) .d-none { display: none; } <menu> <li><button data-image="1">Show Image 1</button></li> <li><button data-image="2">Show Image 2</button></li> </menu> <img data-image="1" class="d-none" src="https://fakeimg.pl/200/ff0000/FFFFFF"> <img data-image="2" class="d-none" src="https://fakeimg.pl/200/0000ff/FFFFFF">

javascript css onclick responsive show-hide

回答 1 投票 0

jQuery 在隐藏父级中显示子级，错误设置显示属性

请看下面的jsfiddle演示： http://jsfiddle.net/Drb8s/ 当您对隐藏父级中的元素使用 jQuery show() 时，似乎会出现此问题。（然后接下来...

jquery css dom show-hide

回答 1 投票 0

动态预订表单中的必填字段

我正在创建机场接送预订表格。根据您是否需要回程接送等，您可以选择 4 个选项。所以表单使用 JavaScript 来隐藏/显示 4 个不同的内容 p...

javascript html dynamic show-hide required

回答 1 投票 0

如何在没有 nbextensions 的情况下添加按钮以隐藏 python jupyter 笔记本中的单元格输入

我是Python新手，不了解标签和单元格元数据。我想添加按钮来隐藏 jupyter 笔记本本身中的单元格输入代码，如下所示：https://jupyterbook.org/interactive/hiding.html &...

python button jupyter metadata show-hide

回答 2 投票 0

根据其他单元格值显示/隐藏行和工作表

我有一本包含很多工作表的工作簿。在 Sheet1 上，我有很多“部分”。在每个“部分”中，我都有一个单元格（例如 B31），可以是“是”或...

excel vba row show-hide worksheet

回答 2 投票 0

使用所有类的 getElementsByClassName 显示/隐藏文本

我正在尝试显示/隐藏同一类的文本。我尝试了以下仅隐藏第一个 id getElementById 的代码，这使我决定删除所有 ID 并仅保留该类。文字...

javascript html show-hide

回答 1 投票 0

使用 getElementsByClassName 显示/隐藏所有类

我正在尝试显示/隐藏同一类的文本。我尝试了以下仅隐藏第一个 id getElementById 的代码，这使我决定删除所有 ID 并仅保留该类。文字...

javascript html show-hide

回答 1 投票 0

Excel VBA 隐藏/取消隐藏行

我想实现一个公式，根据产品类型隐藏或取消隐藏行，根据我迄今为止所做的研究，我已经收集了 VBA 的解决方案。我有下一个...

excel vba show-hide

回答 1 投票 0

选择文本时防止 onClick 事件

我遇到了这个问题，单击表格单元格时需要显示和隐藏 div。但是，我也希望人们能够选择文本并将其复制到单元格中，而不隐藏信息......

javascript jquery html show-hide

回答 6 投票 0

当一个元素可见时隐藏所有元素

'嗨，当我点击“a”元素时，我只想显示一个 div（其他 div 应该隐藏）。现在，当我单击“box1”时，会显示 .dayone，下一步...当我单击“box2&q...

javascript html hide show-hide

回答 1 投票 0

通过点击div元素来隐藏和显示span元素？

我尝试通过单击具有类内容的特定时间线 div 元素来显示和隐藏简历的详细信息（具有类 Details_right 或 Details_left 的 span 元素），但似乎没有

javascript html css show-hide

回答 1 投票 0

在密码输入字段中显示/隐藏图标切换

我有一个简单的 HTML 登录表单： const passwordField = document.querySelector("#password"); const eyeIcon = document.querySelector("#eye"); eye.addEventListener("点击", function() { 这个。

javascript html forms show-hide

回答 3 投票 0

如何使用 jQuery 单击眼睛图标时显示和隐藏密码，并且密码（新密码和确认密码）都应该匹配

[在此输入图像描述](https://ienter图像描述.stack.imgur.com/ZuIPX.jpg) 如何使用 jQuery 单击眼睛图标时显示和隐藏密码以及密码（新密码和

match show-hide

回答 1 投票 0

使用JS根据选择的选定选项值显示隐藏div

嗨，我有这段代码可以在 JSFiddle 上运行，但我无法让它在我的网站上运行。我的网站在 Wordpress 6.4.2 上运行我有一个选择，如果所选...

jquery drop-down-menu show-hide

回答 1 投票 0

如何仅使用 JS 从当前元素中删除类并添加到下一个元素？

我有一个简单的 jquery 脚本，效果很好： $(函数(){ $(“按钮”).click(函数(){ $(this).parent().fadeOut(500, 函数() { $(this).next().fadeIn(500); ...