Grafikart-1

by the_smaug

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<nav class="collapse navbar-collapse" role="navigation">
    <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="index.php">Accueil</a></li>
        <li class="dropdown"><a id="test" href="#">Page 1<i class="fa fa-angle-down"></i></a>
            <ul role="menu" class="sub-menu">
                <li><a href="#"><i class="fa fa-angle-right"></i> 1</a></li>
                <li><a href="#"><i class="fa fa-angle-right"></i> 2</a></li>
                <li><a href="#"><i class="fa fa-angle-right"></i> 3</a></li>
                <li><a href="#"><i class="fa fa-angle-right"></i> 4</a></li>
            </ul>
        </li>
    </ul>
  </nav>

JavaScript

$('li.dropdown').find('#test').on('click', function(){
  if( $(window).width() < 768 ) {
    	$(this).next().slideToggle();
	} 
});