テキストをクリックするだけで展開・閉じる機能を実現する簡単UI

この記事では、展開と終了機能を実現するための Easy UI ダイナミック ツリー クリック テキストを主に紹介します。

JSP のツリー関数をクリックしてコードを追加するだけです:

全体は次のとおりです:

<span style="white-space:pre"> </span>$("#tt").tree({ 
    onClick: function(node){ 
      if(node.url != null){ 
         parent.frames["content"].location.href="${ctx}" rel="external nofollow" + node.url; 
      }else{ 
         if(node.state==&#39;closed&#39;&&(!$("#tree").tree(&#39;isLeaf&#39;,node.target))){ //状态为关闭而且非叶子节点 
           $(this).tree(&#39;expand&#39;,node.target);//点击文字展开菜单  
         }else{ 
           $(this).tree(&#39;collapse&#39;,node.target); 
         } 
      } 
       
    } 
  })

関連する推奨事項:

JS の単純な展開と閉じるコードの切り替え_JavaScript スキル

divlayerの展開と閉じる効果を実現するCSS属性をjsで操作する方法_javascriptスキル

JQUERY Webページの右下隅に固定位置の展開と閉じる効果を実装する方法_jquery

以上がテキストをクリックするだけで展開・閉じる機能を実現する簡単UIの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。