Onclick Показать блок на None и None для блокировки - PullRequest
Новая
       0

Onclick Показать блок на None и None для блокировки

0 голосов
/ 15 декабря 2011

У меня есть этот код: CSS: 

 .hiddenlinks{display: none;}

HTML: 

<div id="expand">

<a href="javascript://" class="business" >123</a>
    <div class="hiddenlinks">
         <a href="/"target="_blank" class="business" style="color:#f36523">ABC</a><br />
         <a href="/"target="_blank" class="business" style="color:#f36523">DEF</a><br />
         <a href="/"target="_blank" class="business" style="color:#f36523">HIJ</a>
    </div>
 </div>

Существует список похожих разделителей в вертикальном порядке. То, что я пытаюсь сделать, это после нажатия «123», идентификатор divs под #expand сместится вниз, и «ABC», «DEF» и «HIJ» отобразят: block.

Итак, мой вопрос состоит из двух частей:

  1. Как я могу переключить блок дисплея и ни одного клика с этим HTML?
  2. Есть ли способ анимировать разделение идентификатора div когда-то. Скрытые ссылки выводятся из отображения: нет для отображения: блок. а также, когда .hidden links возвращается к отображению: none и дивиденды закрывают пробел.

1 Ответ

4 голосов
/ 04 марта 2013

http://jsfiddle.net/F5NCt/1/

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"><<<< this goes in the header 
</script>
<script>
$(document).ready(function(){
  $(".business").click(function(){
    $(".hiddenlinks").slideToggle();
  });
});
</script>
</head>
<body>

    <div id="expand">

<a href="javascript://" class="business" >123</a>
    <div class="hiddenlinks">
         <a href="/"target="_blank" class="business" style="color:#f36523">ABC</a><br />
         <a href="/"target="_blank" class="business" style="color:#f36523">DEF</a><br />
         <a href="/"target="_blank" class="business" style="color:#f36523">HIJ</a>
    </div>
 </div>
</body>





    .hiddenlinks { 
display:none;
}

Я создал для вас пример. Надеюсь, это поможет вам после того, как вы нажмете 123, выпадающий список вариантов вашего второго вопроса, я не уверен, но думаю, что у вас будет другой идентификаторdiv для каждой вашей скрытой ссылки, затем в .slideToggle (// внутри вы можете настроить отображение каждого div \);

см.

www.jquery.com

см. Также пример выше

надеюсь, что это поможет вам

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...