Question

嗨显然我的切换功能不起作用。点击位于另一个div中的“摄影”一词，我需要隐藏div“摄影”。请参阅下面的代码

HTML：

<div class="bar">
        <div="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
            <a href="#"  id="hideshow" class="btn">Photography</a>
            <a href="#"  id="hideshow" class="btn">Graphics</a>
                </div>
            </div>
        </div>
    </div>
     <section id="photograhpy" class="photograhpy">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">

                    <hr class="small">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="photograhpy-item">
                                <a href="#">
                                    <img class="img-photograhpy img-responsive" src="imgs/pics/car1.jpg">
                                </a>
                            </div>
                        </div>

JS：

$(document).ready(function(){
  $("#hideshow").click(function(){
    $("#photography").toggle(1000);
  });
});

Answer 1

看起来像拼写错误：

 <section id="photograhpy" class="photograhpy">

应该是：

 <section id="photography" class="photography">

您的代码没有其他任何错误。

此外，您不能仅通过JavaScript引用具有相同ID的元素。给多个元素赋予相同的id是不好的做法。

Jquery在DIV上隐藏显示切换

1 个答案: