развернуть / свернуть JQuery меню (не могу найти правильный селектор) - PullRequest
Новая
       3

развернуть / свернуть JQuery меню (не могу найти правильный селектор)

0 голосов
/ 06 декабря 2010

Использование неупорядоченного списка для моего меню. У меня есть выбор для щелчка, но я не могу определить выбор только для определенного списка.Теперь, как у меня, он расширяет / сворачивает все списки с определенным классом, но я хочу, чтобы он был только в классе, в котором я щелкнул.1004 *

<script type="text/javascript">
    $(document).ready(function() {

        $(".login-holder > ul > #loginTitle").click(function() {
            $(".account-links:parent").slideToggle("medium");
        });
    });
</script>

Вот HTML 

<div class="login-holder">

      <p><strong>Welcome, <%= ViewModel.Profile.Name.First %></strong></p>

      <ul class="account-links">
         <span id="loginTitle">User Options</span><br /><br />
         <li>
            <%= Html.ActionLink<EventController>( x => x.List(), "Events Near Me" )%>
         </li>
         <li>
            <%= Html.ActionLink<MyEventsController>( x => x.List(), "My Events" )%>
         </li>
         <li>
            <%= Html.ActionLink<AccountController>( x => x.Edit(), "My Profile" )%>
         </li>
         <li>
            <%= Html.ActionLink<ClubController>( x => x.List(), "Clubs Near Me" )%>
         </li>
         <li> 
            <%= Html.ActionLink<MyClubsController>( x => x.List(), "My Clubs" )%>
         </li>
         <li>
            <%= Html.ActionLink<AccountController>( x => x.ChangePassword(), "Change My Password" )%>
         </li>
         <li>
            <%= Html.ActionLink<DependantController>( x => x.List(), "My Dependants" ) %>
         </li>

      </ul>
   </div>
  <div class="login-holder">
     <ul class="account-links">
        <span id="loginTitle">Organizer Details<!--<span id="toggle" style="margin-left: 32px; padding-right: 10px;"></span>--></span><br /><br />
        <!--<div id="additions">-->
        <li>
           <%= Html.ActionLink<AccountController>( x => x.Organizer(), "Organizer Details" )%>
        </li>
        <li>
           <%= Html.ActionLink<EventController>( x => x.Edit( default(int?) ), "Post An Event" )%>
        </li>
        <li>
           <%= Html.ActionLink<EventAdminController>( x => x.List(), "Events Created By Me" ) %>
        </li>
        <li>
           <%= Html.ActionLink<ClubController>( x => x.Edit( default( int? ) ), "Create A Club" )%>
        </li>
        <li>
           <%= Html.ActionLink<ClubAdminController>( x => x.List( ), "Clubs Created By Me" )%>
        </li>
        <!--</div>-->
     </ul>
  </div>

1 Ответ

0 голосов
/ 06 декабря 2010

Помимо нестандартного HTML, это должно дать вам необходимую функциональность 

$("#loginTitle").click(function() {
    $(".login-holder").find("li").slideToggle("medium");
});

Вы не должны использовать один и тот же идентификатор "loginTitle" для более чем 1 элемента, попробуйте переключить его на класс css и измените селектор выше на .loginTitle

...