将箭头返回原始位置
Return arrow back to orginal position
我有一个FIDDLE
这是一个显示和隐藏多个切换的div的切换。我目前将其设置为当div打开时也向下切换箭头,但是一旦div关闭,箭头仍然保持在向下的位置,我希望它返回到向右的位置。
$(this).find('span').css('transform', 'rotate(0deg)');
完整脚本
$(document).ready(function () {
// Toggles 1st Hidden Desktop Div
$(".dtc-s").click(function () {
$(".dtc-h").slideToggle(500);
$(".dtc-two-h, dtc-three-h").hide(500);
$(this).find('span').css('transform', 'rotate(90deg)');
});
// Toggles 2nd Hidden Desktop Div
$(".dtc-two-s").click(function () {
$(".dtc-two-h").slideToggle(500);
$(".dtc-three-h, .dtc-h").hide(500);
$(this).find('span').css('transform', 'rotate(90deg)');
});
// Toggles 3rd Hidden Desktop Div
$(".dtc-three-s").click(function () {
$(".dtc-three-h").slideToggle(500);
$(".dtc-two-h, .dtc-h").hide(500);
$(this).find('span').css('transform', 'rotate(90deg)');
});
// #1
if ($('.dtc-one').is(':visible')) $(this).next().slideDown();
$(this).find('span').css('transform', 'rotate(0deg)');
// #2
if ($('.dtc-two').is(':visible')) $(this).next().slideDown();
$(this).find('span').css('transform', 'rotate(0deg)');
// #3
if ($('.dtc-three').is(':visible')) $(this).next().slideDown();
$(this).find('span').css('transform', 'rotate(0deg)');
});
尝试在单击函数中添加:visible检查。像这样:
$(".dtc-s").click(function () {
if($(".dtc-h").is(":visible"))
$(this).find('span').css('transform', 'rotate(0deg)');
else
$(this).find('span').css('transform', 'rotate(90deg)');
$(".dtc-h").slideToggle(500);
$(".dtc-two-h").hide(500);
$(".dtc-three-h").hide(500);
});
Fiddle:http://jsfiddle.net/59kz17d9/1/(我只为第一个箭头做过)
相关文章:
- 如何在玩TimelineMax(GSAP)后重置原始位置
- 我如何获得“”的原始位置;ui“可拖动”;在“;drop”;事件
- 当向上滚动时,使Div返回到其原始位置
- 移动|克隆元素并从原始位置移除
- 滚动后,检测元素何时返回到原始位置
- jQueryUI-将draggable移回原始位置,即使在放入dropable之后也是如此
- 重定向到新页面,但记住原始位置
- 如何在拖动时使项目恢复到其原始位置
- 在鼠标退出后,JQuery 无法将某些内容返回到其原始位置
- 尼沃滑块问题,从原始位置滑落
- 单击时调整大小并返回到原始位置
- jQuery UI如果移动的距离小于一定距离,则可拖动恢复到原始位置
- 停止浮动标签重置回原始位置
- 如何在旋转时将图像保持在原始位置
- jquery animate-返回到原始位置
- 我需要将一组文件从它们的原始位置复制到一个新文件夹
- 将箭头返回原始位置
- jQuery UI-当退出可丢弃时返回到原始位置
- 动画后将元素移回其原始位置,jQuery
- 如何在不移动原始位置的情况下将html元素插入另一个元素之前