A quoi sert dropdown-toggle

**cuscodkr** · 04/09/2015, 00h18

Bonjour à tous,

J'ai eu beau chercher sur le net impossible de comprendre à quoi sert la class="dropdown-toggle"

Que je la mette ou pas je ne vois aucune différence.

De ce que j'ai vu pour un menu déroulent:

il faut un data-toggle="dropdown" et dans le ul une class="dropdown" ok

Mais alors dropdown-toggle il sert à quoi?

merci pour vos infos précieuses.

**Jacques Beauregard** · 04/09/2015, 09h57

Bonjour,

voilà un exemple d'utilisation de .dropdown-toggle avec javascript :
https://gist.github.com/evanp/6456479
Cette classe serait utilisée par bootstrap.js mais à voir effectivement !

**friendofweb** · 04/09/2015, 10h59

Bonjour, pour info, le lien proposé fait planter mon navigateur. La page s'ouvre, on voit un code source, puis bardaf, c'est l'embardée

**Jacques Beauregard** · 04/09/2015, 11h01

Pour ceux qui n'arrive pas à accéder au lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test dropdown toggle</title>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">
  </head>
  <body>
    <div class="dropdown">
      <a class="dropdown-toggle" id="dropdownMenu1" href="#">Dropdown trigger</a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
        <li role="presentation" class="divider"></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
      </ul>
    </div>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.js"></script>
    <script>
      $(document).ready(function() {
          $("a.dropdown-toggle").click(function(ev) {
              $("a.dropdown-toggle").dropdown("toggle");
              return false;
          });
          $("ul.dropdown-menu a").click(function(ev) {
              $("a.dropdown-toggle").dropdown("toggle");
              return false;
          });
      });
    </script>
  </body>
</html>

**cuscodkr** · 26/09/2015, 13h21

C'est juste une class qui modifie la coloration syntaxique mais tellement légère pour les couleur par default que j'avais rien vu.

Merci à vous pour votre soutien.

A quoi sert dropdown-toggle

CSS

Vue hybride

Discussions similaires

Partager

Partager