ウェブフロントエンド
htmlチュートリアル
Jquery ツリー メニューはデフォルトですべて展開(kāi)されているため、Solve_html/css_WEB-ITnose を折りたたむ必要があります。
Jquery ツリー メニューはデフォルトですべて展開(kāi)されているため、Solve_html/css_WEB-ITnose を折りたたむ必要があります。
Jun 24, 2016 am 11:52 AM
個(gè)人の Web サイトに JQuery ツリーのメニュー コードをダウンロードしました。デフォルトでは、開(kāi)いたページは完全に展開(kāi)されており、最初のレベルのみが表示されます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><!--圖標(biāo)樣式--><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><!--主要樣式--><link rel="stylesheet" type="text/css" href="css/style.css" /><script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript">$(function(){ $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch'); $('.tree li.parent_li > span').on('click', function (e) { var children = $(this).parent('li.parent_li').find(' > ul > li'); if (children.is(":visible")) { children.hide('fast'); $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign'); } else { children.show('fast'); $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign'); } e.stopPropagation(); });});</script></head><body><div class="tree well"><ul> <li> <span><i class="icon-minus-sign"></i> Parent2</span> <a style="display:none" href="#">Test</a> <ul> <li> <span style=""><i class="icon-globe"></i> Child</span> <a style="display:none" href="#">Test</a> </li> <li> <span><i class="icon-globe"></i> Child</span> <a style="display:none" href="#">Test</a> </li> </ul> </li> <li> <span><i class="icon-minus-sign"></i> Parent2</span> <a style="display:none" href="#">Test</a> <ul> <li> <span><i class="icon-globe"></i> Child</span> <a style="display:none" href="#">Test</a> </li> </ul> </li> <li> <span><i class="icon-globe"></i> Parent2</span> </li></ul></div></body></html>
ディスカッション（解決策）への返信
誰(shuí)も私を助けてくれません。 。
.addClass('icon-plus-sign').removeClass('icon-minus-sign');
これはスタイルの追加とスタイルの削除です。 jq で show() と Hide() を使用して表示と非表示を切り替えます
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title> <!--圖標(biāo)樣式--><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <!--主要樣式--><link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript">$(function(){ $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch'); $('.tree li.parent_li > span').live('click', function (e) { var children = $(this).parent('li.parent_li').find(' > ul > li'); if (children.is(":visible")) { children.hide('fast'); $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign'); } else { children.show('fast'); $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign'); } e.stopPropagation(); });}); </script> </head><body> <div class="tree well"><ul> <li> <span><i class="icon-minus-sign"></i> Parent2</span> <a style="display:none" href="#">Test</a> <ul> <li> <span style=""><i class="icon-globe"></i> Child</span> <a style="display:none" href="#">Test</a> </li> <li> <span><i class="icon-globe"></i> Child</span> <a style="display:none" href="#">Test</a> </li> </ul> </li> <li> <span><i class="icon-minus-sign"></i> Parent2</span> <a style="display:none" href="#">Test</a> <ul> <li> <span><i class="icon-globe"></i> Child</span> <a style="display:none" href="#">Test</a> </li> </ul> </li> <li> <span><i class="icon-globe"></i> Parent2</span> </li></ul></div> <script>$('ul li ul:not(:first) li').hide()</script></body></html>
.addClass('icon-plus-sign').removeClass('icon-minus-sign'); これはスタイルを追加することです。そしてスタイルを削除します。 Show() と Hide() は、jq で表示と非表示を切り替えるために使用されます
rree
a:link { color: #000000; text-decoration: none;}a:visited { color: #000000; text-decoration: none;}a:hover { color:#999999; text-decoration: underline;}a:active { color: #000000; text-decoration: none;}.tree { min-height:20px; padding:19px; margin-bottom:20px; background-color:#fbfbfb; border:1px solid #999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)}.tree li { list-style-type:none; margin:0; padding:10px 5px 0 5px; position:relative}.tree li::before, .tree li::after { content:''; left:-20px; position:absolute; right:auto}.tree li::before { border-left:1px solid #999; bottom:50px; height:100%; top:0; width:1px}.tree li::after { border-top:1px solid #999; height:20px; top:25px; width:25px}.tree li span { -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999999; border-radius:5px; display:inline-block; padding:3px 8px; text-decoration:none}.tree li.parent_li>span { cursor:pointer}.tree>ul>li::before, .tree>ul>li::after { border:0}.tree li:last-child::before { height:30px}.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span { background:#eee; border:1px solid #94a0b4; color:#000}
こんにちは、ありがとうございます！ここでは live と on の関數(shù)を?qū)W習(xí)します。 <script>$('ul li ul li').hide()</script> すべてインデントされています。
ホットAIツール
Undress AI Tool
脫衣畫(huà)像を無(wú)料で
Undresser.AI Undress
リアルなヌード寫(xiě)真を作成する AI 搭載アプリ
AI Clothes Remover
寫(xiě)真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無(wú)料のコードエディター
SublimeText3 中國(guó)語(yǔ)版
中國(guó)語(yǔ)版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開(kāi)発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開(kāi)発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
8637
17
1783
16
1727
56
1577
28
1442
31
Python で最小公倍數(shù)を見(jiàn)つけるアルゴリズムを作成するにはどうすればよいですか?
Sep 19, 2023 am 11:25 AM
Python で最小公倍數(shù)を見(jiàn)つけるアルゴリズムを作成するにはどうすればよいですか?最小公倍數(shù)は、2 つの數(shù)値を割り算できる最小の整數(shù)です。數(shù)學(xué)では、最小公倍數(shù)を解くことは基本的な數(shù)學(xué)的タスクであり、コンピューター プログラミングでは、Python を使用して最小公倍數(shù)を解くアルゴリズムを作成できます。以下では、基本的な最小公倍數(shù)アルゴリズムを紹介し、具體的なコード例を示します。最小公倍數(shù)の數(shù)學(xué)的定義は次のとおりです。 a が n で割り切れ、b が n で割り切れる場(chǎng)合、n は a と b の最小公倍數(shù)です。最低限のことを解決するには
C言語(yǔ)プログラミングを使用して最大公約數(shù)を解く
Feb 21, 2024 pm 07:30 PM
タイトル: C 言語(yǔ)プログラミングを使用して最大公約數(shù)ソリューションを?qū)g裝する 最大公約數(shù) (Greatest Common Divisor、略して GCD) とは、2 つ以上の整數(shù)を同時(shí)に除算できる最大の正の整數(shù)を指します。最大公約數(shù)を解くことは、一部のアルゴリズムや問(wèn)題解決に非常に役立ちます。この記事では、最大公約數(shù)を求める機(jī)能をC言語(yǔ)プログラミングで実裝し、具體的なコード例を紹介します。 C 言語(yǔ)では、ユークリッド アルゴリズムを使用して最大値を解くことができます。
逆行列を計(jì)算する簡(jiǎn)単な方法 - Numpy の実裝
Jan 24, 2024 am 08:47 AM
Numpy は Python のよく知られた科學(xué)計(jì)算ライブラリであり、大規(guī)模な多次元配列と行列を処理するための豊富な関數(shù)と効率的な計(jì)算方法を提供します。データ サイエンスと機(jī)械學(xué)習(xí)の世界では、逆行列は一般的なタスクです。この記事では、Numpy ライブラリを使用して逆行列をすばやく解く方法と、具體的なコード例を紹介します。まず、Numpy ライブラリをインストールして Python 環(huán)境に導(dǎo)入しましょう。 Numpy は、次のコマンドを使用してターミナルにインストールできます: pipinsta
Python を使用して階乗を解くアルゴリズムを?qū)g裝するにはどうすればよいですか?
Sep 19, 2023 am 10:30 AM
Python を使用して階乗を解くアルゴリズムを?qū)g裝するにはどうすればよいですか?階乗は數(shù)學(xué)における重要な概念です。數(shù)値が 1 になるまで、數(shù)値そのものを乗算してから 1 を引いたものを乗算し、次にそれ自體を乗算してから 1 を引いた値を乗算することを意味します。階乗は通?！?」という記號(hào)で表され、例えば5の階乗は5!と表され、計(jì)算式は5!=5×4×3×2×1=120となります。 Python では、ループを使用して単純な階乗アルゴリズムを?qū)g裝できます。サンプルコードを以下に示します。
C言語(yǔ)で最大公約數(shù)を求める方法を?qū)Wびましょう
Feb 21, 2024 pm 11:18 PM
C 言語(yǔ)で最大公約數(shù)を見(jiàn)つける方法を?qū)Wぶには、具體的なコード例が必要です。最大公約數(shù) (Greatest Common Divisor、略して GCD) は、それらを割り切れる 2 つ以上の整數(shù)のうち最大の正の整數(shù)を指します。最大公約數(shù)は、コンピューター プログラミングで、特に分?jǐn)?shù)の処理、分?jǐn)?shù)の簡(jiǎn)略化、整數(shù)の最も単純な比などの問(wèn)題を解くときによく使用されます。この記事では、C言語(yǔ)を使って最大公約數(shù)を求める方法と具體的なコード例を紹介します。ユークリッドなどの最大公約數(shù)を解く方法はたくさんあります。
n番目のフィボナッチ數(shù)を見(jiàn)つけるためのC/C++プログラム?
Sep 12, 2023 pm 06:01 PM
フィボナッチ數(shù)列は、次の項(xiàng)が前の 2 つの項(xiàng)の合計(jì)である數(shù)列です。フィボナッチ數(shù)列の最初の 2 つの項(xiàng)は ??0 で、その後に 1 が続きます。この問(wèn)題では、フィボナッチ數(shù)列の n 番目の數(shù)値を求めます。これを行うには、すべての數(shù)値を數(shù)えて n 個(gè)の項(xiàng)目を出力します。入力:8出力:011235813 説明 0+1=11+1=21+2=32+3=5 For ループを使用して、最初の 2 つの項(xiàng)目を次の項(xiàng)目として合計(jì)します。 例 #include<iostream>usingnamespacestd;intmain(){ intt1 = 0,t2=1,n,i,nextTerm;&am
PHPで2の累乗を解く方法は?
Mar 28, 2024 am 11:09 AM
タイトル: PHP で 2 のべき乗を解くには? PHP プログラミングでは特定のコード例が共有されており、數(shù)値のべき乗を解くことは、特に一部のアルゴリズムや數(shù)學(xué)的計(jì)算において共通の要件です。この記事では、PHP で 2 のべき乗を解く方法について詳しく説明し、參考として具體的なコード例を示します。 PHP では、べき乗演算子 ** を使用してべき乗を計(jì)算できます。 2 のべき乗の場(chǎng)合、$2^n$ を計(jì)算します。$n$ はべき乗の指數(shù)です。以下では、この計(jì)算をいくつかの異なる方法で実裝します。方法 1: ** 運(yùn)を利用する
C/C++ でモジュラー方程式を解くプログラムを作成しますか?
Sep 12, 2023 pm 02:21 PM
ここではモジュラー方程式に関連した興味深い問(wèn)題を見(jiàn)てみましょう。 A と B という 2 つの値があるとします。 (AmodX)=B が成り立つような、変數(shù) X が取り得る値の數(shù)を見(jiàn)つけなければなりません。 A が 26 で B が 2 だとします。したがって、X の推奨値は {3,4,6,8,12,24} となり、カウントは 6 になります。これが答えです。よりよく理解するためにアルゴリズムを見(jiàn)てみましょう。アルゴリズム possibleWayCount(a,b) - 開(kāi)始 ifa=b、その後無(wú)限の解がある ifa
