관련 Jquery 표시/숨기기

Question

나는이 스크립트를 조정하려고하는데 이미지를 클릭하면 다른 div가 표시되고 다른 정보를 클릭하면 해당 정보가 표시되고 둘 다 표시되지 않습니다.

(function ($) { 
    $.fn.showHide = function (options) { 
     //default vars for the plugin 
     var defaults = { 
      speed: 1000, 
      easing: '', 
      changeText: 0, 
      showText: 'Show', 
      hideText: 'Hide' 
     }; 
     var options = $.extend(defaults, options); 
     $(this).click(function() { 
      $('.toggleDiv').slideUp(options.speed, options.easing); 
      // this var stores which button you've clicked 
      var toggleClick = $(this); 
      // this reads the rel attribute of the button to determine which div id to toggle 
      var toggleDiv = $(this).attr('rel'); 
      // here we toggle show/hide the correct div at the right speed and using which easing effect 
      $(toggleDiv).slideToggle(options.speed, options.easing, function() { 
       // this only fires once the animation is completed 
       if (options.changeText == 1) { 
        $(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) : toggleClick.text(options.showText); 
       } 
      }); 
      return false; 
     }); 
    }; 
})(jQuery); 

알려 주시기 바랍니다. 감사합니다 http://papermashup.com/simple-jquery-showhide-div/

Answer 1

jQuery toggle event handler을 보면 두 가지 기능을 요소에 바인딩하고 다른 클릭으로 실행시킬 수 있습니다. 당신은 당신이 볼 수있어 여부에있어 클릭하는 추적하지 않아도 그 방법 등

간단히, 당신은 다음 두 가지 기능을 가질 것 toggle 핸들러로 click 핸들러를 대체 할 것 :

를

$(this).toggle(function() { 
     //what to do when your element is in its initial state 
    }, function() { 
     //what to do when your element is in its "clicked once" state 
    }