个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
尝试切换不透明度。基本上，列表项的不透明度设置为零，从而保留其高度。单击列表子类别头时，空列表区域会下降到列表项的深度，然后应切换不透明度以显示列表元素。再次单击子类别列表头时，列表项的不透明度会淡回零，然后列表区域会折叠。需要将列表项保留在那里，因此使用 opacity 方法而不是 hide、hideToggle 或类似函数，将它们从 DOM 中删除。 http://jsfiddle.net/hotdiggity/zn6cz/10/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Toggle Opacity</title>
<script type="text" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
</head>
<body>
<ul class="list">
<li><a href="#">Subcategory</a></li>
<li id="id-1" class="expandable"><a href="#">Subcategory - Click this one</a>
<ul>
<li>Sub menu item 1</li>
<li>Sub menu item 2</li>
<li>Sub menu item 3</li>
<li>Sub menu item 4</li>
<li>Sub menu item 5</li>
<li>Sub menu item 6</li>
</ul></li>
<li><a href="#">Subcategory</a></li>
<li><a href="#">Subcategory</a></li>
</ul>
</body>
</html>
JQuery...
$(document).ready(function(){
$('.list li.expandable ul').hide();
$('.list li.expandable ul li').css({ opacity: 0 });;
$('.expandable').click(function(){
$('#id-1.expandable ul').slideToggle('slow');
// $(this).toggleClass('toggle-arrow');
$(this).toggle(function() {
// $('.list li.expandable ul li').stop();
$('.list li.expandable ul li').fadeTo(2000,1);
return false;
},
function() {
// $('.list li.expandable ul li').stop();
$('.list li.expandable ul li').fadeTo(2000,0).delay(500);
return false;
});
return false;
});
});
目前，不透明度切换出现故障，闪烁开和关。
最佳答案
我更新了您的jsfiddle 。它能解决您的问题吗？
$(document).ready(function(){
$('.list li.expandable ul').hide();
$('.list li.expandable ul').css({ opacity: 0 });;
$('.expandable').click(function(){
if ($(this).find("> UL").is(":visible")) {
$(this).find("> UL").fadeTo(2000, 0, function() {
$(this).slideToggle("slow");
});
} else {
$(this).find('> ul').slideToggle('slow', function() {
$(this).fadeTo(2000, 1);
//return false;
});
}
});
});
关于jQuery 切换不透明度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13984978/
25
4
0
我正在制作一个应用程序，我需要使用 ffmpeg 将两个视频文件叠加在另一个之上。 .我尝试了各种命令，但它所做的只是合并视频。 最佳答案 基本方法是 ffmpeg -i in1 -i in2 -fi
我将 Qt3D 与 offscreen renderer 结合使用并修改框架图以包含背景图像，例如 here . 不幸的是，使用 QPhongAlphaMaterial 为绘制在背景图像上的对象添加透
我正在开发的这个组件有视觉问题。它是带有 2 个 JTextField 和 2 个 JLabel 的 JPanel。我不能做坚实的背景。我尝试了几种不透明/背景颜色组合但没有成功。 我不允许附加图像，
我正在使用 Gnuplot 成功绘制一些时间序列数据。然而，该系列相当密集(大约 5 英寸空间中有 10,000 个样本)，当我绘制多个系列时，很难看到绘制在顶部的系列下方。 有什么方法可以使线条具有
我正在尝试设置一个自定义拖动图标以在 NSTableView 中使用。一切似乎都正常，但由于我对 Quartz 缺乏经验，我遇到了问题。 - (NSImage *)dragImageForRowsWi
是否可以制作例如 20% 透明的 TMemo 或其他 vcl 组件？像 TButton 或 TEdit 吗？ 在谷歌搜索解决方案时，我发现了这个: From Here ，然后我想，如果我在窗体上绘制图
我目前正在学习如何使用 Scenekit，并且遇到了透明对象的问题。我写了一个着色器来增加正面看脸时的透明度，当我选择白色背景时，一切都按预期工作...... transparency with wh
我对 openGL 中的 alpha 混合有疑问... 我尝试了一些绘制透明对象的方法...通过在绘制透明面之前禁用 GL_DEPTH_TEST 并在绘制透明面后再次重新启用 GL_DEPTH_TES
我正试图让我的背景 webView 像那样透明: webView.setBackgroundColor(0x00000000); 但它不起作用，如果我添加这一行，一切都是透明的(我看不到我的 html
我目前正在创建一个应用程序并且出现了这个问题，我想让 TabLayout 透明。当我使用 RelativeLayout TabLayout 覆盖内容时，当我使用 LinearLayout TabLay
我有一个 UINavigationItem(不是 UINavigationBar)，我想使其透明或不透明。这是在我建立从导航 Controller 到我的 UIViewController 子类的关系
是否可以让您的 android Activity 以透明模式在当前正在运行的 Activity 之上运行，以便您可以通过它看到它下面的 Activity ？如果可能，您可以设置不同级别的透明度吗？ 最
我正在使用 noUiSlider 范围 slider 。这是 jsfiddle: https://jsfiddle.net/oun5p1xz/ behaviourSlider = document.g
有没有办法改变控制台的不透明度使其半透明？ 还有办法将控制台的背景颜色更改为自定义颜色吗？ 最佳答案 快速谷歌显示 this site其中包含用于具有透明窗口的控制台应用程序的代码。 本质上，您必须获
主.xml: 这是我的 main.xml，我试图使按钮最透明，但我仍然想看到它们，但我不知道要添加什么以及在哪里添加，请用低不透明度更正我的 xml在按钮
如何将实际内容 Pane 的背景设置为不透明，我添加到其中的面板我已经设置为不透明，但即使我这样做，选项卡 Pane 的主要区域仍显示为蓝色 JTabbedPane tabbedPane = new
是否可以继承颜色但覆盖不透明度值？以下是伪 CSS 中的示例: .color-class { background-color: rgba(255, 0, 0, 0); } .lighten
我正在尝试让我的导航栏变得 100% 透明，以便 UINavigationButtonItems 只可见并且背景(通常为白色)应该显示背景图像。 我试过了 HomeNavigationControll
RGBA 非常有趣，-webkit-gradient、-moz-gradient 和呃... progid:DXImageTransform.Microsoft.gradient 也是如此...是的。
我一直在尝试使用 AppBarLayout，但找不到使它的背景透明的方法。 我的意思是: 这是我的 XML: 如您所见，我使用的是颜色 #8000
我是一名优秀的程序员,十分优秀！