0

そのため、選択した別の要素がクリックされるたびに非表示の div を表示するのに適したスクリプトを見つけました。ただし、これをトグルのように機能させたいと思います。誰でも私を助けることができますか？できる限りスクリプトを微調整してみましたが、jQuery は得意ではありません。

<script type="text/javascript">
    (function($){
    document.documentElement.className += " js"; // Add js class to the HTML element
    $(function(){
      var $containers = $("#repaircontent").hide();

      jQuery(document).ready(function(){
       /* Show the HTML page only after the js and css are completely loaded */
       delayShow();
      });

      function delayShow() {
        var secs = 1000;
            setTimeout('jQuery("#repaircontent").css("visibility","visible");', secs);
      }

      $('#repairtab').each(function(i,el){
        var idx = i;
        $(this).click(function(e){
          var $target = $containers.filter(':eq(' + idx + ')');
          $target.not(':visible').fadeIn();
          e.preventDefault();

        })
      })
    })
    })(jQuery);
</script>
4

2 に答える 2

3

jqueryのトグルを試しましたか？http://api.jquery.com/toggle/

于 2013-03-08T14:46:17.650 に答える
1

フェードインをトグルに置き換えるだけです...

      $('#repairtab').each(function(i,el){
    var idx = i;
    $(this).click(function(e){
      var $target = $containers.filter(':eq(' + idx + ')');
      $target.toggle();
      e.preventDefault();

    })
  })
})
})(jQuery);
于 2013-03-08T14:57:26.327 に答える