SPメニュー・アコーディオン開閉時にアイコンも変える

achievement-official.conohawing.com/assets/css/style.css

@@ -1131,6 +1131,20 @@ header
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
  }
+
+ p.c-nav-link1.open:after {
+  content: '';
+  width: 8px;
+  height: 8px;
+  border-top: 2px solid #093d6e;
+  border-right: 2px solid #093d6e;
+  position: absolute;
+  top: 60%;
+  right: 15px;
+  margin-top: -6px;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+ }
 }
 
 .c-nav2 {

achievement-official.conohawing.com/assets/js/functions.js

@@ -53,7 +53,13 @@ $(window).on('load resize', function () {
   });
 
   $(".nav-sp .c-nav-link1").off('click').on('click', function () {
-   $(this).next().slideToggle();
+   if ($(this).hasClass("open")) {
+    $(this).removeClass("open");
+    $(this).next().slideToggle();
+   } else {
+    $(this).addClass("open");
+    $(this).next().slideToggle();
+   }
   });
   // ----------------
   // footer sp

achievement-official.conohawing.com/assets/js/functions.min.js

-if($(function(){var e=function(){return{option:".c-nav-menu1 li",init:function(){var e=$(this.option),t=this;$(document).off("mouseenter.megaMenuOpen"),$(document).on("mouseenter.megaMenuOpen",this.option,function(){var n=$(this).data("target");return n||($(".c-nav2").hide(),e.removeClass("is-open")),!n||$(this).hasClass("is-open")?!1:(e.removeClass("is-open"),$(this).addClass("is-open"),$(".c-nav2").hide(),$(".c-nav2-"+n).fadeIn("normal"),$(document).off("mouseenter.megaMenuClose"),void t.menuClose())})},menuClose:function(){var e=$(this.option);$(document).on("mouseenter.megaMenuClose","div",function(t){$(t.target).hasClass("c-nav1")||$(t.target).parents(".c-nav")[0]||$(t.target).parents(".c-nav2")[0]||$(t.target).hasClass("c-nav2")||($(".c-nav2").hide(),$(".bg-nav").remove(),e.removeClass("is-open"),$(document).off("mouseenter.megaMenuClose"))})},destroy:function(){$(document).off("mouseenter.megaMenuOpen")}}}();e.init()}),$(window).on("load resize",function(){$(window).width()<=767?($(".menu-icon").off("click").on("click",function(){$(this).toggleClass("is-active"),$(this).parent().next().next().slideToggle()}),$(".nav-sp .c-nav-link1").off("click").on("click",function(){$(this).next().slideToggle()}),$(".c-footer__list >li > .showSp").off("click").on("click",function(e){e.preventDefault(),$(this).next(".c-footer__listsub").slideToggle()}),$(".c-nav2").removeAttr("style")):($(".menu-icon").off("click"),$(".menu-icon").removeClass("is-active"),$(".nav-sp").removeAttr("style"),$(".nav-sp .c-nav-link1").off("click"),$(".nav-sp .c-navSP").removeAttr("style"),$(".c-footer__list >li > .showSp").off("click"),$(".c-footer__listsub").removeAttr("style"))}),$(".c-toTop").length){var scrollTrigger=10,backToTop=function(){var e=$(window).scrollTop();e>scrollTrigger?$(".c-toTop").fadeIn():$(".c-toTop").fadeOut()};backToTop(),$(window).on("scroll",function(){backToTop()}),$(".c-toTop").on("click",function(e){e.preventDefault(),$("html,body").animate({scrollTop:0},400)})}jQuery(document).ready(function(){$(".box-video").click(function(){$("iframe",this)[0].src+="&amp;autoplay=1",$(this).addClass("open")})}),$(function(){$(".tab").click(function(){$(".is-active").removeClass("is-active"),$(this).addClass("is-active"),$(".is-show").removeClass("is-show");const e=$(this).index();$(".tabCont").eq(e).addClass("is-show"),$(window).scroll()})}),$(function(){$("a.btn--stop ,.reserveStop a").click(function(){return!1})}),function(e){e.fn.fixMe=function(){return this.each(function(){function n(){o=t.clone(),o.find("tbody").remove().end().addClass("fixed").insertBefore(t),i()}function i(){o.width(t.outerWidth()),o.find("th").each(function(o){e(this).css("width",t.find("th").eq(o).outerWidth()+"px")})}function s(){var n=e(this).scrollTop(),i=e(this).scrollLeft(),s=e(".header").height();tableOffsetTop=t.offset().top-s,tableOffsetBottom=tableOffsetTop+t.height()-t.find("thead").height(),tableOffsetLeft=t.offset().left,tableOffsetTop>n||n>tableOffsetBottom?o.hide():n>=tableOffsetTop&&tableOffsetBottom>=n&&o.is(":hidden")&&o.show(),o.css({left:tableOffsetLeft-i+"px",top:s})}var o,t=e(this);e(window).resize(i),e(window).scroll(s),n()})}}(jQuery),$(window).on("load",function(){screen.width>767&&$(".schedule-table").fixMe()}),jQuery(window).load(function(){function e(){$("#seminar").trigger("click"),jQuery("html, body").animate({scrollTop:0},0)}""!=window.location.hash&&e(window.location.hash.substr(1))}),$(function(){$(".page-schedule .c-nav-link1, .c-footer__list li a").on("click",function(){$("#seminar").trigger("click")})});
\ No newline at end of file
+if($(function(){var e=function(){return{option:".c-nav-menu1 li",init:function(){var e=$(this.option),t=this;$(document).off("mouseenter.megaMenuOpen"),$(document).on("mouseenter.megaMenuOpen",this.option,function(){var n=$(this).data("target");return n||($(".c-nav2").hide(),e.removeClass("is-open")),!n||$(this).hasClass("is-open")?!1:(e.removeClass("is-open"),$(this).addClass("is-open"),$(".c-nav2").hide(),$(".c-nav2-"+n).fadeIn("normal"),$(document).off("mouseenter.megaMenuClose"),void t.menuClose())})},menuClose:function(){var e=$(this.option);$(document).on("mouseenter.megaMenuClose","div",function(t){$(t.target).hasClass("c-nav1")||$(t.target).parents(".c-nav")[0]||$(t.target).parents(".c-nav2")[0]||$(t.target).hasClass("c-nav2")||($(".c-nav2").hide(),$(".bg-nav").remove(),e.removeClass("is-open"),$(document).off("mouseenter.megaMenuClose"))})},destroy:function(){$(document).off("mouseenter.megaMenuOpen")}}}();e.init()}),$(window).on("load resize",function(){$(window).width()<=767?($(".menu-icon").off("click").on("click",function(){$(this).toggleClass("is-active"),$(this).parent().next().next().slideToggle()}),$(".nav-sp .c-nav-link1").off("click").on("click",function(){$(this).hasClass("open")?($(this).removeClass("open"),$(this).next().slideToggle()):($(this).addClass("open"),$(this).next().slideToggle())}),$(".c-footer__list >li > .showSp").off("click").on("click",function(e){e.preventDefault(),$(this).next(".c-footer__listsub").slideToggle()}),$(".c-nav2").removeAttr("style")):($(".menu-icon").off("click"),$(".menu-icon").removeClass("is-active"),$(".nav-sp").removeAttr("style"),$(".nav-sp .c-nav-link1").off("click"),$(".nav-sp .c-navSP").removeAttr("style"),$(".c-footer__list >li > .showSp").off("click"),$(".c-footer__listsub").removeAttr("style"))}),$(".c-toTop").length){var scrollTrigger=10,backToTop=function(){var e=$(window).scrollTop();e>scrollTrigger?$(".c-toTop").fadeIn():$(".c-toTop").fadeOut()};backToTop(),$(window).on("scroll",function(){backToTop()}),$(".c-toTop").on("click",function(e){e.preventDefault(),$("html,body").animate({scrollTop:0},400)})}jQuery(document).ready(function(){$(".box-video").click(function(){$("iframe",this)[0].src+="&amp;autoplay=1",$(this).addClass("open")})}),$(function(){$(".tab").click(function(){$(".is-active").removeClass("is-active"),$(this).addClass("is-active"),$(".is-show").removeClass("is-show");const e=$(this).index();$(".tabCont").eq(e).addClass("is-show"),$(window).scroll()})}),$(function(){$("a.btn--stop ,.reserveStop a").click(function(){return!1})}),function(e){e.fn.fixMe=function(){return this.each(function(){function n(){o=t.clone(),o.find("tbody").remove().end().addClass("fixed").insertBefore(t),i()}function i(){o.width(t.outerWidth()),o.find("th").each(function(o){e(this).css("width",t.find("th").eq(o).outerWidth()+"px")})}function s(){var n=e(this).scrollTop(),i=e(this).scrollLeft(),s=e(".header").height();tableOffsetTop=t.offset().top-s,tableOffsetBottom=tableOffsetTop+t.height()-t.find("thead").height(),tableOffsetLeft=t.offset().left,tableOffsetTop>n||n>tableOffsetBottom?o.hide():n>=tableOffsetTop&&tableOffsetBottom>=n&&o.is(":hidden")&&o.show(),o.css({left:tableOffsetLeft-i+"px",top:s})}var o,t=e(this);e(window).resize(i),e(window).scroll(s),n()})}}(jQuery),$(window).on("load",function(){screen.width>767&&$(".schedule-table").fixMe()}),jQuery(window).load(function(){function e(){$("#seminar").trigger("click"),jQuery("html, body").animate({scrollTop:0},0)}""!=window.location.hash&&e(window.location.hash.substr(1))}),$(function(){$(".page-schedule .c-nav-link1, .c-footer__list li a").on("click",function(){$("#seminar").trigger("click")})});
\ No newline at end of file