箭头切换关闭
问题描述：
这是一个多步骤的过程（有帮助），但最后脚本到了一个很好的点，但是，有一个我已经跑到最后的花絮。箭头切换关闭
从本质上讲，这是小提琴是多重切换时打开和关闭。但是，增加的功能是，当切换打开时，箭头从右侧位置切换到下侧位置。另外，当另一个切换时，它关闭前一个切换并将箭头返回到其原始位置。然而，如果点击箭头＃2和＃3，如果点击切换关闭，但箭头仍然处于向下位置，如果我选择当前打开切换，我怎么才能让它回到向右位置，因为并非所有用户都会点击另一个切换。
$(document).ready(function() {
function arrowToggle(that, cName) {
$(".dtc-one-s, .dtc-two-s, .dtc-three-s").find('span').css('transform', 'rotate(0deg)');
if($(cName+"-h").is(":visible"))
$(that).find('span').css('transform', 'rotate(0deg)');
else
$(that).find('span').css('transform', 'rotate(90deg)');
}
// Toggles 1st Hidden Desktop Div
$(".dtc-s").click(function() {
arrowToggle(this, ".dtc-one");
$(".dtc-h").slideToggle(500);
$(".dtc-two-h").hide(500);
$(".dtc-three-h").hide(500);
});
// Toggles 2nd Hidden Desktop Div
$(".dtc-two-s").click(function() {
arrowToggle(this, ".dtc-one");
$(".dtc-two-h").slideToggle(500);
$(".dtc-h").hide(500);
$(".dtc-three-h").hide(500);
$(this).find('span').css('transform', 'rotate(90deg)');
});
// Toggles 3rd Hidden Desktop Div
$(".dtc-three-s").click(function() {
arrowToggle(this, ".dtc-one");
$(".dtc-three-h").slideToggle(500);
$(".dtc-two-h").hide(500);
$(".dtc-h").hide(500);
$(this).find('span').css('transform', 'rotate(90deg)');
});
});
答
从第二和第三click功能删除此行：
$(this).find('span').css('transform', 'rotate(90deg)');
该行旋转箭头回到90度，这是你想躲避什么。
而且，这些相同的两个功能，是指他们的阶级在arrowToggle功能，而不是.dtc-one：
$(".dtc-two-s").click(function() {
arrowToggle(this, ".dtc-two");
...
});
$(".dtc-three-s").click(function() {
arrowToggle(this, ".dtc-three");
...
});