Javascript 显示或隐藏div

我大概读过50篇文章，它们说如何隐藏或显示依赖于点击操作的div。然而，我已经尝试了几乎所有的方法，我的div没有隐藏或显示。似乎我错过了一些非常基本的东西

<script>
    $(document).ready(function(){
        $('buynav').on('click',function(){
            document.getElementById('buycontent').style.display = 'block';
            document.getElementById('sellcontent').style.display = 'none';
        });
        $('sellnav').on('click',function(){
            document.getElementById('buycontent').style.display = 'none';
            document.getElementById('sellcontent').style.display = 'block';
        });

    });
    </script>

    <div id="contentContainer">
        <div id="documentSpace" style="left: 50%; top: 50px">
            <div id="headerPhoto" style="position:absolute;left:2.5%;width:95%; height:200px; background-image:url('../images/jpgHeader4.jpg'); background-size:cover;background-position:center; background-repeat:no-repeat;border-radius:9px; margin-top:17px;">
            </div>
            <div id="secondNav" style="position:absolute;left:2.5%;width:95%;height:75px;top:250px;text-align:center;vertical-align:middle;">
                <div id="buynav" class="buynav"><h2>Buy</h2></div>
                <div id="sellnav" class="sellnav"><h2>Sell</h2></div>
            </div>
            <div id="sellcontent" style="position:absolute;left:2.5%;width:95%;height:100%;top:350px;display:none;">
            </div>
            <div id="buycontent" style="position:absolute;left:2.5%;width:95%;height:100%;top:350px;display:block">
</div>
</div>
</div>

$（文档）.ready（函数（）{
$（'buynav'）。在（'click'，function（）上{
document.getElementById（'buycontent'）.style.display='block'；
document.getElementById（'sellcontent'）.style.display='none'；
});
$（'sellnav'）。在（'click'，function（）上{
document.getElementById（'buycontent'）.style.display='none'；
document.getElementById（'sellcontent'）.style.display='block'；
});
});
购买
卖

使用jQuerys

show（）

和

hide（）

如下：

<script>
    $(document).ready(function(){
        $('#buynav').on('click',function(){
            $('#buynav').show();
            $('#sellnav').hide();
        });
        $('#sellnav').on('click',function(){
            $('#buynav').hide();
            $('#sellnav').show();
        });

    });
    </script>

我还在

$（'#buynav'）

和其他JS选择器中添加了

。正如@mdesdev所指出的，您可以将

document.getElementById（'buycontent'）

替换为

$（'buynav'）

和

$（'sellnav'）

，因为它们似乎在jQuery范围内“存在”。

使用jQuerys

show（）

和

hide（）

：

<script>
    $(document).ready(function(){
        $('#buynav').on('click',function(){
            $('#buynav').show();
            $('#sellnav').hide();
        });
        $('#sellnav').on('click',function(){
            $('#buynav').hide();
            $('#sellnav').show();
        });

    });
    </script>

我还在

$（'#buynav'）

和其他JS选择器中添加了

。正如@mdesdev所指出的，您可以将

document.getElementById（'buycontent'）

替换为

$（'buynav'）

和

$（'sellnav'）

，因为它们似乎在jQuery范围内“存在”。

使用jQuerys

show（）

和

hide（）

：

<script>
    $(document).ready(function(){
        $('#buynav').on('click',function(){
            $('#buynav').show();
            $('#sellnav').hide();
        });
        $('#sellnav').on('click',function(){
            $('#buynav').hide();
            $('#sellnav').show();
        });

    });
    </script>

我还在

$（'#buynav'）

和其他JS选择器中添加了

。正如@mdesdev所指出的，您可以将

document.getElementById（'buycontent'）

替换为

$（'buynav'）

和

$（'sellnav'）

，因为它们似乎在jQuery范围内“存在”。

使用jQuerys

show（）

和

hide（）

：

<script>
    $(document).ready(function(){
        $('#buynav').on('click',function(){
            $('#buynav').show();
            $('#sellnav').hide();
        });
        $('#sellnav').on('click',function(){
            $('#buynav').hide();
            $('#sellnav').show();
        });

    });
    </script>

---

我还在

$（'#buynav'）

和其他JS选择器中添加了

。正如@mdesdev所指出的，您可以将

文档.getElementById（'buycontent'）

替换为

$（'buynav'）

和

$（'sellnav'）

，因为它们似乎在您的jQuery范围内“存在”。

我想您忘了将#作为您的id

 $('#buynav, #sellnav').on('click',function(){
     $('#buycontent').toggle();
     $('#sellcontent').toggle();
 });

---

希望它能用

我想你忘了把#作为你的身份证

 $('#buynav, #sellnav').on('click',function(){
     $('#buycontent').toggle();
     $('#sellcontent').toggle();
 });

---

希望它能用

我想你忘了把#作为你的身份证

 $('#buynav, #sellnav').on('click',function(){
     $('#buycontent').toggle();
     $('#sellcontent').toggle();
 });

---

希望它能用

我想你忘了把#作为你的身份证

 $('#buynav, #sellnav').on('click',function(){
     $('#buycontent').toggle();
     $('#sellcontent').toggle();
 });

---

---

希望它能起作用

因为您使用的是jQuery，所以只需使用

.show（）

和

.hide（）

如果提供的一些答案是您答案的解决方案，请通过检查符号将答案标记为“已解决”。谢谢！由于您使用的是jQuery，因此只需使用

.show（）

和

.hide（）

即可。如果提供的某些答案是您答案的解决方案，请通过选中符号将答案标记为“已解决”。谢谢！由于您使用的是jQuery，因此只需使用

.show（）

和

.hide（）

即可。如果提供的某些答案是您答案的解决方案，请通过选中符号将答案标记为“已解决”。谢谢！由于您使用的是jQuery，因此只需使用

.show（）

和

.hide（）

即可。如果提供的某些答案是您答案的解决方案，请通过选中符号将答案标记为“已解决”。谢谢！您忘记了选择器中的哈希标记。另外，您还可以将

document.getElementById

与哈希一起放入

$

，它已经是jQuery了。是的，这是真的。再次感谢：-）我将编辑我的答案。您忘记了选择器中的哈希标记。也可以改为

document.getElementById

您可以将

$

与哈希一起放置，它已经是jQuery了。是的，这是真的。再次感谢：-）我将编辑我的答案。您忘记了选择器中的哈希标记。也可以改为

document.getElementById

您可以将

$

与哈希一起放置，它已经是jQuery了。是的，这是真的。再次感谢：-）我将编辑我的答案。您忘记了选择器中的哈希标记。也可以改为

document.getElementById

您可以将

$

与哈希一起放置，它已经是jQuery了。是的，这是真的。再次感谢：-）我将编辑我的答案。