Javascript 箭头开关闭合

在帮助下，这是一个多步骤的过程，但最终脚本达到了一个好的程度，然而，我遇到了最后一个小道消息

从本质上讲，这种小提琴在打开和关闭时都是多重切换的。但是，增加的功能是，当切换到打开时，箭头从向右位置切换到向下位置。此外，当切换另一个时，它将关闭上一个切换，并将箭头返回到其原始位置。但是，在箭头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)');
     });
 });

---

从第二次和第三次单击功能中删除此行：

$(this).find('span').css('transform', 'rotate(90deg)');

这条线将箭头旋转回90度，这是您试图避免的

此外，在这两个相同的功能中，在箭头切换功能中参考它们的类，而不是.dtc one：

摆弄

 $(".dtc-two-s").click(function () {
   arrowToggle(this, ".dtc-two");
   ...
 });

 $(".dtc-three-s").click(function () {
     arrowToggle(this, ".dtc-three");
   ...
 });