Btn Bootstrap 3.3.7 nicht funktionieren Show/Hide

Ich habe ein Problem mit der Schaltfläche. Ich kann Inhalt öffnen, aber wenn ich noch einmal auf, nichts ändern, während es in der Nähe sollte ...Btn Bootstrap 3.3.7 nicht funktionieren Show/Hide

<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> 
    <link rel="stylesheet" type="text/css" href="css/style.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <title>Bio-chemia</title> 
</head> 

..... 

<div id="Biophura" class="container text-center"> 
    <button type="button" class="btn btn-success btn-lg" data-toggle="collapse" data-target="#demo89">BIOPHURA</button> 
    <div id="demo89" class="collapse"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
    </div>

Quelle

2017-12-30 Mike_wen

Sie haben das Schließen div Tag verpasst.

<div id="Biophura" class="container text-center"> 
    <button type="button" class="btn btn-success btn-lg" data-toggle="collapse" data-target="#demo89">BIOPHURA</button> 
    <div id="demo89" class="collapse"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
    </div> 
</div>

Quelle

2017-12-30 13:31:36

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 
<div id="Biophura" class="container text-center"> 
<div class="container"> 
    <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo89">BIOPHURA</button> 
    <div id="demo89" class="collapse"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
    </div> 
</div> 
</div>

, die Arbeit ist 100%

Ihr Problem in der Skript-Link ist

Quelle

2017-12-30 13:57:17

Btn Bootstrap 3.3.7 nicht funktionieren Show/Hide

Antwort

Verwandte Themen