トグル複数のdivは

-1

私はいくつかの助けを必要としています。しかし、それは動作しません、すべてのdivが表示されている、またはそれdoesntオープンし、ボタンだけが表示されます。トグル複数のdivは

THX

2017-12-06 Thomas Wohlmuth

-1

使用ここではプロパティ "可視性"、簡単な例：

function HideDiv() 
 
      { 
 
       var divs = document.getElementsByClassName("show-on-button-click"); 
 
       
 
       divs[0].style.visibility = 'visible'; 
 
       divs[1].style.visibility = 'visible'; 
 
       divs[2].style.visibility = 'visible'; 
 
       
 
      }

<!DOCTYPE html> 
 

 
<html> 
 

 
    <body> 
 
     <button onclick="HideDiv();">Text</button> 
 
     <div class="show-on-button-click" style="visibility:hidden">Content</div> 
 
     
 
     <button>Text2</button> 
 
     <div class="show-on-button-click" style="visibility:hidden">Content2</div> 
 

 
     <button>Text3</button> 
 
     <div class="show-on-button-click" style="visibility:hidden">Content3</div> 
 
    </body> 
 
    
 
</html>

出典

2017-12-06 16:34:26

あなたはいくつかのJavaScript/jQueryのを使用する必要があります。 -

$(document).ready(function(){ 

    $("button").click(function(){ 
     $(".show-on-button-click").toggle(); 
    }); 
});

あなたはそれを解決することを願っています！

出典

2017-12-06 17:30:25

答えて

関連する問題