• 08-09-2014, 11:14:35
    #1
    arkadaslar kolay gelsin,

    2 div var.

    A ve B divleri. B divini gizleyip, A divine tıkladıktan sonra B Divine geçsin, B'ye tıkladıktan sonra C divine geçsin istiyorum. nasıl yaparım?
  • 08-09-2014, 11:23:45
    #2
    şu şekilde yapabilirsin hocam;

    html
    <div id="kapsayici">
      <div>a divi</div>
      <div>b divi</div>
      <div>c divi</div>
      <div>d divi</div>
      <div>e divi</div>
    </div>
    javascript
    $(function(){
      $('#kapsayici > div').first().show();
      $('#kapsayici > div').click(function(){
        $(this).hide().next().fadeIn();
      });
    });
    canlı örneği
  • 08-09-2014, 11:33:16
    #3
    süpersin hocam çok teşekkür ederim.
  • 08-09-2014, 13:24:58
    #4
    alternatif olarak angularjs ile ;
    <script type="text/javascript" src="angularjs.js"></script>
    <script type="text/javascript">
    function MenuController($scope) {
           $scope.bMenuA = false;
           $scope.bMenuB = false;
    }
    </script>
    <body ng-app="">
    <div class="header" ng-controller="MenuController">
          <div class="A" ng-click="bMenuA = !bMenuA; bMenuB = false"></div>
          <div class="B" ng-click="bMenuB = !bMenuB; bMenuA = false"></div>
    </div>