ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.[Solved] Onclick of submenu other submenu displaying in ASP.Net<p>Hi <a class="username" rel="dorsa"> dorsa</a>,</p> <p>Refer below sample.</p> <p><span style="text-decoration: underline;"><strong>HTML</strong></span></p> <div class="demo_block"> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type=&#34;text/css&#34;&gt; .auto-style2 { text-align: center; height: 34px; } body { height: 100%; font-family: &#39;Segoe UI&#39; , Tahoma, Geneva, Verdana, sans-serif; background: #eeeeee; } a, a:hover, a:active { text-decoration: none; } a { color: #008DE7; font-style: italic; font-weight: 700; } a:hover { transition: all 200ms ease-in-out; } .page-container { min-width: 1260px; position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0px auto; } .content { max-width: 800px; min-width: 600px; display: block; padding: 50px; margin: 50px auto; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); background-color: #ffffff; overflow: hidden; } .page-container.sidebar-collapsed { padding-right: 65px; transition: all 100ms linear; transition-delay: 300ms; } .page-container.sidebar-collapsed-back { padding-right: 280px; transition: all 100ms linear; } .page-container.sidebar-collapsed .sidebar-menu { width: 65px; transition: all 100ms ease-in-out; transition-delay: 300ms; } .page-container.sidebar-collapsed-back .sidebar-menu { width: 280px; transition: all 100ms ease-in-out; } .page-container.sidebar-collapsed .sidebar-icon { transform: rotate(90deg); transition: all 300ms ease-in-out; } .page-container.sidebar-collapsed-back .sidebar-icon { transform: rotate(0deg); transition: all 300ms ease-in-out; } .page-container.sidebar-collapsed .logo { padding: 21px; height: 136px; box-sizing: border-box; transition: all 100ms ease-in-out; transition-delay: 300ms; } .page-container.sidebar-collapsed-back .logo { width: 100%; padding: 21px; height: 136px; box-sizing: border-box; transition: all 100ms ease-in-out; } .page-container.sidebar-collapsed #logo { opacity: 0; transition: all 200ms ease-in-out; } .page-container.sidebar-collapsed-back #logo { opacity: 1; transition: all 200ms ease-in-out; transition-delay: 300ms; } .page-container.sidebar-collapsed #menu span { opacity: 0; transition: all 50ms linear; } .page-container.sidebar-collapsed-back #menu span { opacity: 1; transition: all 200ms linear; transition-delay: 300ms; } .sidebar-menu { position: fixed; float: left; width: 280px; top: 0; right: 0; bottom: 0; background-color: #303641; color: #aaabae; font-family: &#34;Segoe UI&#34;; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); z-index: 1; } #menu { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; } #menu li { position: relative; margin: 0; font-size: 12px; border-bottom: 1px solid rgba(69, 74, 84, 0.7); padding: 0; } #menu li ul { opacity: 0; height: 0px; } #menu li a { font-style: normal; font-weight: 400; position: relative; display: block; padding: 10px 20px; color: #aaabae; white-space: nowrap; z-index: 2; } #menu li a:hover { color: #ffffff; background-color: #333944; transition: color 250ms ease-in-out, background-color 250ms ease-in-out; } #menu li.active &gt; a { background-color: #2b303a; color: #ffffff; } #menu ul li { background-color: #2b303a; } #menu ul { list-style-type: none; margin: 0; padding: 0; } #menu li ul { position: absolute; visibility: hidden; right: 100%; top: -1px; background-color: #2b303a; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.1s linear; border-top: 1px solid rgba(69, 74, 84, 0.7); } #menu li:hover &gt; ul { visibility: visible; opacity: 1; } #menu li li ul { right: 100%; visibility: hidden; top: -1px; opacity: 0; transition: opacity 0.1s linear; } /*#menu li li:hover ul { visibility: visible; opacity: 1; }*/ #menu .fa { margin-right: 5px; } .logo { width: 100%; padding: 21px; box-sizing: border-box; } .sidebar-icon { position: relative; float: right; margin-top: 32px; border: 1px solid #454a54; text-align: center; line-height: 1; font-size: 18px; padding: 6px 8px; border-radius: 3px; color: #888; background-clip: padding-box; text-shadow: 4px 4px 6px rgba(0,0,0,0.4); } .fa-html5 { color: #fff; margin-left: 50px; } .auto-style2 { text-align: center; } .auto-style3 { text-align: right; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&#34;sidebar-menu&#34;&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;div style=&#34;border-top: 1px solid rgba(69, 74, 84, 0.7)&#34;&gt; &lt;/div&gt; &lt;div class=&#34;menu&#34;&gt; &lt;ul id=&#34;menu&#34;&gt; &lt;li id=&#34;menu-home&#34;&gt;&lt;a href=&#34;ManagementControlPannel.aspx&#34;&gt; &lt;div class=&#34;auto-style2&#34;&gt; &lt;i&gt;&lt;/i&gt;&lt;span&gt;راهنمای سایت&lt;/span&gt; &lt;/div&gt; &lt;/a&gt;&lt;/li&gt; &lt;li id=&#34;menu-Education&#34;&gt;&lt;a href=&#34;#&#34;&gt; &lt;div class=&#34;auto-style2&#34;&gt; &lt;span class=&#34;fa fa-angle-left&#34; style=&#34;float: left&#34;&gt;&lt;/span&gt;&lt;span&gt;مدیریت آموزش&lt;/span&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=&#34;#&#34;&gt; &lt;div class=&#34;auto-style2&#34;&gt; &lt;span class=&#34;fa fa-angle-left&#34; style=&#34;float: left&#34;&gt;&lt;/span&gt;&lt;span&gt;واحد درسی&lt;/span&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul id=&#34;Menu-Course&#34;&gt; &lt;li id=&#34;Menu-Course-sub1&#34;&gt;&lt;a href=&#34;#&#34;&gt;تعریف درس و واحد درسی&lt;/a&gt;&lt;/li&gt; &lt;li id=&#34;Menu-Course-sub2&#34;&gt;&lt;a href=&#34;#&#34;&gt;ویرایش واحد درسی&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href=&#34;#&#34;&gt; &lt;div class=&#34;auto-style2&#34;&gt; &lt;span class=&#34;fa fa-angle-left&#34; style=&#34;float: left&#34;&gt;&lt;/span&gt;&lt;span&gt;مدیریت انسانی&lt;/span&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul id=&#34;Menu-Person&#34;&gt; &lt;li id=&#34;Menu-Person-Sub&#34;&gt;&lt;a href=&#34;#&#34;&gt; &lt;div class=&#34;auto-style2&#34;&gt; &lt;span class=&#34;fa fa-angle-left&#34; style=&#34;float: left&#34;&gt;&lt;/span&gt;&lt;span&gt;فرد&lt;/span&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul id=&#34;Menu-Person-Manegement&#34;&gt; &lt;li id=&#34;Menu-Person-Manegement1&#34;&gt;&lt;a href=&#34;#&#34;&gt;تعریف فرد&lt;/a&gt; &lt;/li&gt; &lt;li id=&#34;Menu-Person-Manegement2&#34;&gt;&lt;a href=&#34;#&#34;&gt;مدیریت فرد&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li id=&#34;Menu-Student&#34;&gt;&lt;a href=&#34;#&#34;&gt; &lt;div class=&#34;auto-style2&#34;&gt; &lt;span class=&#34;fa fa-angle-left&#34; style=&#34;float: left&#34;&gt;&lt;/span&gt;&lt;span&gt;دانشجو&lt;/span&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul&gt; &lt;li id=&#34;Menu-Student1&#34;&gt;&lt;a href=&#34;#&#34;&gt;تعریف دانشجو&lt;/a&gt; &lt;/li&gt; &lt;li id=&#34;Menu-Student2&#34;&gt;&lt;a href=&#34;#&#34;&gt;مدیریت دانشجو&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li id=&#34;Menu-Prof&#34;&gt;&lt;a href=&#34;#&#34;&gt; &lt;div class=&#34;auto-style2&#34;&gt; &lt;span class=&#34;fa fa-angle-left&#34; style=&#34;float: left&#34;&gt;&lt;/span&gt;&lt;span&gt;استاد&lt;/span&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul&gt; &lt;li id=&#34;Menu-Prof1&#34;&gt;&lt;a href=&#34;#&#34;&gt;تعریف استاد&lt;/a&gt; &lt;/li&gt; &lt;li id=&#34;Menu-Prof2&#34;&gt;&lt;a href=&#34;#&#34;&gt;مدیریت استاد&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href=&#34;#&#34;&gt; &lt;div class=&#34;auto-style2&#34;&gt; &lt;span class=&#34;fa fa-angle-left&#34; style=&#34;float: left&#34;&gt;&lt;/span&gt;&lt;span&gt;انتخاب واحد&lt;/span&gt; &lt;/div&gt; &lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;#&#34;&gt; &lt;div class=&#34;auto-style2&#34;&gt; &lt;span class=&#34;fa fa-angle-left&#34; style=&#34;float: left&#34;&gt;&lt;/span&gt;&lt;span&gt;گزارشگیری&lt;/span&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul class=&#34;tert-nav&#34;&gt; &lt;li&gt;&lt;a href=&#34;#&#34;&gt;لیست حضور و غیاب&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;#&#34;&gt;لیست حضور و غیاب جلسه امتحان&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/875942/Solved-Onclick-of-submenu-other-submenu-displaying-in-ASPNet/https://www.aspforums.net:443/Threads/875942/Solved-Onclick-of-submenu-other-submenu-displaying-in-ASPNet/Tue, 14 May 2019 03:22:13 GMT[Solved] Onclick of submenu other submenu displaying in ASP.Net<blockquote><cite>pandeyism says:</cite> <div class="line number245 index244 alt2"><code class="html spaces">&nbsp;</code><code class="html plain">/*#menu li li:hover ul</code></div> <div class="line number246 index245 alt1"><code class="html spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="html plain">{</code></div> <div class="line number247 index246 alt2"><code class="html spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="html plain">visibility: visible;</code></div> <div class="line number248 index247 alt1"><code class="html spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="html plain">opacity: 1;</code></div> <div class="line number249 index248 alt2"><code class="html spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="html plain">}*/</code></div> </blockquote> <p>&nbsp;Above lin of code i have commented, then that's working.</p>https://www.aspforums.net:443/Threads/875942/Solved-Onclick-of-submenu-other-submenu-displaying-in-ASPNet/https://www.aspforums.net:443/Threads/875942/Solved-Onclick-of-submenu-other-submenu-displaying-in-ASPNet/Tue, 14 May 2019 07:22:03 GMT