Question

我想以特定的方式隐藏/显示div。我把一个可点击的文字放在开头，一个放在最后。

按钮工作正常但我想要这个东西：

“当用户点击底部按钮时，页面会在当前隐藏div的开头向后滚动”

<a href="javascript:visibilite('divid21');">
<u>Examples (Click to show/hide)</u></a>

<div id="divid21" style="display:none;">

     long html code about 100 lines    

        <a onclick="    
           document.getElementById('divid21').style.display='none'; "  
           href="#divid21"> Examples  (Click to hide)</a>
</div>

功能

function visibilite(id) {
      var divs = document.getElementsByTagName('div');
 for(var no=0;no<divs.length;no++){
     if(divs[ no].className=='divs'){ 
        divs[ no].style.display = "none"; 
    }
}
document.getElementById(id).style.display = "block";  }

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

Jquery在hide和show之间切换

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("divex").toggle();
    });
});
</script>

使用jquery代码中指定的相同ID划分

<button> Hide/Show </button>
<div id="divex">Div content </div>

隐藏/显示div以及所有回来

1 个答案: