「sandbox/js/2」の編集履歴（バックアップ）一覧に戻る

sandbox/js/2 - (2019/03/30 (土) 15:27:54) のソース

#html2(){{{{{
<div id="test-style" style="display: none;"><!--
.zeb table
{
  table-layout: fixed;
}
.actdsk table {
  display: table;
}
.actdsk table th:first > picture {
  display: inline-block;
}
.actdsk table th:first > picture:first {
  width: 80px;
  vertical-align: middle;
}
.actdsk .collapse::after {
  content: "\f054";
}
.actdsk .expand::after {
  content: "\f078";
}
.actdsk table th:first:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.actdsk .fa-chevron-right,
.actdsk .fa-chevron-down {
  float: right;
  padding-top: 5px;
  padding-right: 10px;
}
.actdsk table tr:nth-child(n+2)
{
  display: none;
}
--></div>
}}}}}
#js(){{{{{
<script type="text/javascript">
(function() {
  for (var i = 0, root = document.getElementById('test-style'), nodes = root.childNodes; i < nodes.length; i++) {
    if (nodes[i].nodeType === document.COMMENT_NODE) {
      var elem = document.createElement('style');
      elem.type = 'text/css';
      elem.setAttribute('media', 'screen');
      if (elem.styleSheet) elem.styleSheet.cssText = nodes[i].data;
      else elem.appendChild(document.createTextNode(nodes[i].data));
      document.getElementsByTagName('head').item(0).appendChild(elem);
      root.parentNode.removeChild(root);
      break;
    }
  }

})();
$(function() {
  //let tr = $('.actdsk_open').text('宝具・スキルを開く▼').parent().parent();
  //let tr2= tr.clone().appendTo(tr.parent());
  //tr2.find('.actdsk_open').removeClass('actdsk_open').addClass('actdsk_close').text('宝具・スキルを閉じる▲');
  //tr.addClass('actdsk_tropen');
  //tr2.addClass('actdsk_trclose');
  $('.actdsk table th:first').addClass('collapse');
  $('.actdsk table').on('click', 'tr:first', function(e) {
    let arrow = $(this).find('th:first');
    if (arrow) {
      if (arrow.hasClass('collapse')) {
        arrow.removeClass('collapse').addClass('expand');
        $(this).nextAll().show("normal");
      } else {
        arrow.removeClass('expand').addClass('collapse');
        $(this).nextAll().hide("normal");
      }
    }
  });
  
  //$('.actdsk table').on('click', '.actdsk_trclose', function(e) {
  //  let t = $(this).siblings('.actdsk_tropen');
  //  t.show();
  //  t.nextAll().hide();
  //});
});
</script>
}}}}}