三元jQuery的。点击（函数（）{

Question

我很新的jQuery和我得到的，我要显示在本地＃流行的点击DIV＃pgmenu2任务。

我知道我需要我的jQuery的开始是这样的：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#local-popular").click(function() { 


    }); 
    }); 
</script> 

HTML

<a id="local-popular" href="http://lh.com"><p>Popular Searches ▼</p></a> 
    <div id="pgmenu2"> 
    <ul type="disc"> 
      <li></li> 
      <li></li> 
     </ul> 
    </div> 

感谢您的帮助

Answer 1

$(document).ready(function() { 
    $("#local-popular").click(function() { 
     $("#pgmenu2").show(); 
    }); 
}); 

！

，或者您可以使用.toggle如果你想展示在后续点击

$("#pgmenu2").toggle(); 

Answer 2

添加显示/隐藏：无到div：

<div id="pgmenu2" style="display:none"> 
    <ul type="disc"> 
      <li></li> 
      <li></li> 
     </ul> 
</div> 

和JS部分是：

$(document).ready(function() { 
    $("#local-popular").click(function() { 
     $("#pgmenu2").show(); 
    }); 
    }); 

或者如果你想能够再次隐藏你可以使用：

$("#pgmenu2").toggle(); 

Answer 3

最初设定的div #pgmenu2到display:none在CSS

 #pgmenu2 
      { 
       display:none; 
      } 

，并使用下面的代码上显示点击

 $(document).ready(function() { 
      $("#local-popular").click(function() { 
       $("#pgmenu2").show(); 
       }); 
      }); 

//下面的代码来显示和隐藏的onclick

   $(document).ready(function() { 
      $("#local-popular").click(function() { 
       $("#pgmenu2").toggle(); 
       }); 
      }); 

//下面的代码显示和隐藏onclick滑动

  $(document).ready(function() { 
      $("#local-popular").click(function() { 
       $("#pgmenu2").slideToggle(); 
       }); 
      });