submenu.js 876 B

12345678910111213141516171819202122232425262728293031
  1. function submenu_init(obj,param){
  2. let html = "";
  3. <div class="submenu" >
  4. <p class="submenu_title" onclick="submenu_show_detail(this)">
  5. 样式
  6. <svg class="icon" style="transform: rotate(0deg);">
  7. <use xlink:href="../studio/svg/icon.svg#ic_add"></use>
  8. </svg>
  9. </p>
  10. <div class="submenu_details hidden" style="max-height: 0px; padding: 0px; opacity: 0;">
  11. </div>
  12. </div>
  13. }
  14. function submenu_show_detail(obj) {
  15. eParent = obj.parentNode;
  16. var x = eParent.getElementsByTagName("div");
  17. var o = obj.getElementsByTagName("svg");
  18. if (x[0].style.maxHeight == "200em") {
  19. x[0].style.maxHeight = "0px";
  20. x[0].style.padding = "0px";
  21. x[0].style.opacity = "0";
  22. o[0].style.transform = "rotate(0deg)";
  23. } else {
  24. x[0].style.maxHeight = "200em";
  25. x[0].style.padding = "10px";
  26. x[0].style.opacity = "1";
  27. o[0].style.transform = "rotate(45deg)";
  28. }
  29. }