Меню js jquery?

Question

[Карен Мнацаканян]

Приветствую всем!
подскажите плагин для реализации такого меню www.mdmclinica.com/services
Спасибо заранее

Answer 1

[Виталий Яковенко]

Вы сейчас серьезно? Это же обычные табы, 3 строчки jquery-кода без всяких плагинов.
Сайт-пример, кстати, на React.js сделан.

Comments

[Alex]

Не вводите в заблуждение. Там Angular

[Виталий Яковенко]

Хм, и правда, та часть что идет в iframe под шапкой (контент) - angular, шапка и футер - на React.

Answer 2

[Максим]

это же ангуляр , я примерно такое делал с пол года назад :

<div class="container" ng-app="tabApp">
  <div class="row" ng-controller="TabController">
  	<div class="col-md-2">
  		<ul class="nav nav-pills nav-stacked">
       	<li ng-class="{ active: isSet(1) }">
          	<a href ng-click="setTab(1)">Home</a>
       	</li>
       	<li ng-class="{ active: isSet(2) }">
          	<a href ng-click="setTab(2)">Profile</a>
       	</li>
       	<li ng-class="{ active: isSet(3) }">
          	<a href ng-click="setTab(3)">Messages</a>
       	</li>
     	</ul>
  	</div>
    <div class="col-md-8">
  		<div class="jumbotron">
       	<div ng-show="isSet(1)">
         	 <h1>Home page</h1>
          	<p>Welcome to the website!</p>
         	 <p><a class="btn btn-primary btn-lg" 			role="button">Learn more</a></p>
        	</div>
			<div ng-show="isSet(2)">
          <h1>Profile page</h1>
          <p>Profile information</p>
     	</div>
        <div ng-show="isSet(3)">
          <h1>Messages</h1>
          <p> Some messages </p>
     	</div>
  	</div>
  </div>
</div>

angular.module('tabApp', [])
  .controller('TabController', ['$scope', function($scope) {
    $scope.tab = 1;

    $scope.setTab = function(newTab){
      $scope.tab = newTab;
    };

    $scope.isSet = function(tabNum){
      return $scope.tab === tabNum;
    };
}]);

должно быть подключен jquery.min.js , angular.min.js

Answer 3

[Никита]

Можно на CSS сделать через чекбоксы, минуя js вообще :)