Maniteja Attili Ответов: 0

Я пытаюсь создать панель заголовка значка с несколькими выпадающими списками

Привет, я пытался опустить панель значков, но я пытаюсь написать сценарий, можете ли вы помочь написать несколько выпадающих

Что я уже пробовал:

<pre><div class="icon-bar">

    <a class="" href="~/Home/Index" style="padding-bottom: 10px" id="home_btn">
        
    </a>
    @if (Request.IsAuthenticated && Session["ActorID"] != null)
    {
        <div class="dropdown">

            <button class="dropbtn" id="btn">Online Applications ▼</button>
            <div class="dropdown-content">
                @*<a href="~/ProcessOnlineApps/Process" id="searchonlineApp"> Process</a>
                    <a href="~/Search/Search" id="search" > Search</a>*@
                <a href="~/ProcessOnlineApp/Process" id="search"> Process</a>
                @*<a href=@System.Web.Configuration.WebConfigurationManager.AppSettings["NewAppDev"]> New Application</a>*@
                <a href="~/Searching/Search" id="search"> Search</a>
                <a href="~/LicensingPayment/Index" id="logout"> Payment Process</a>
            </div>

        </div>
    }

    @if (Request.IsAuthenticated && Session["ActorID"] != null)
    {
        <div class="dropdown" id="LinkLogout" style="position: absolute; right: 19px;">
            <button class="dropbtn" id="btn_MyAccount">@CultureInfo.CurrentCulture.TextInfo.ToTitleCase(Session["UserName"].ToString().Split('\\')[1].Replace(".", " ").ToLower()) ▼</button>

            <div class="dropdown-content1">
                <a href="~/UserDocument/UserGuideDocument" id="UserGuide" target="_blank"> User Guide</a>
                <a href="~/Home/Logout" id="logout"> Logout</a>

            </div>
        </div>
    }
    @if (Request.IsAuthenticated && Session["ActorID"] != null && Session["SysAdmin"] != null && (bool)Session["SysAdmin"])
    {
        <div class="dropdown">

            <button class="dropbtn" id="btn">IT Maintenance ▼</button>
            <div class="dropdown-content">
                @*<a href="~/ManageUsers/UserRoles" id="UserRoles"> Users&Roles</a>*@
                <a href="~/Actor/Users_Process" id="UserRoles"> Users\Roles</a>
                <a href="~/Email/Index" id="UserRoles"> Email</a>
                @*<a href="~/PaymentSearc/PaymentSearc" id="UserRoles"> Payment Search</a>*@
                @* <a href="~/Search/Search" id="search"> Search</a>*@
            </div>

        </div>
    }


    @if (Request.IsAuthenticated && Session["ActorID"] != null)
    {
        <div class="dropdown">

            <button class="dropbtn" id="btn">Depatment Resources ▼</button>
            <div class="dropdown-content">
                <a href="~/DepartmentResources/AbcNeWCheckList" target="_blank" id="UserRoles"> ABC New Emp Check List </a>
            </div>
        </div>
    }

    @if (Request.IsAuthenticated && Session["ActorID"] != null)
    { 
        <div class="dropdown">
            <button class="dropbtn" id="btn">Payment Search ▼</button>
            <div class="dropdown-content">
                <a href="~/PaymentSearc/PaymentSearc" id="UserRoles"> Search</a>
                @*<a href="~/PaymentSearc/PaymentSearc" id="UserRoles">*@ Edit <br />
                <a id="UserRoles"> Refund</a><br />
                <a class="test" href="#"> Another dropdown <span class="dropbtn"></span></a>


                <a id="UserRoles"> Post</a>
                <a id="UserRoles"> Request</a>

            </div>
        </div>
    }
</div>
<script>
    $(document).ready(function () {
        $('dropdown-submenu a.test').on("click", function (e) {
            $(this).next('ul').toggle();
            e.stopPropagation();
            e.preventDefault();

        });

    });
</script>

<body>

Member 13812021

Это помогло бы увидеть JavaScript и css. Я бы подумал, что вы должны использовать для соответствия javascript, чтобы он падал вниз. Вы показываете список ссылок.

0 Ответов