如何使用jQuery显示/隐藏DIV | 如何使用jQuery显示

本文介绍了如何使用jQuery显示/隐藏DIV的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想创建一个函数来显示和隐藏div标签并隐藏所有其他标签：

I want to make a function to show and hide a div tag and hide all others:

function showPage(showdiv){
    $('#midRight').not(showdiv).hide();
    $(showdiv).show();
}

链接调用函数：

<ul>
  <a style="cursor:pointer;" onclick="showPage('#home_page1')">
    <li>Show Page 1</li>
  </a>
  <a style="cursor:pointer;" onclick="showPage('#home_page2')">
    <li>Show Page 2</li>
  </a>
</ul>

DIV s on page：

DIVs on page:

<div id="midRight">
    <div id="home_page1">Content 1</div>
    <div id="home_page2" style="display:none;">Content 2</div>
</div>

函数 showPage 最终隐藏每一个div在 midRight 中，在。

The function showPage ends up hiding every div within midRight, while on JSFiddle, the click event doesn't seem to be handled at all.

使用jQuery显示/隐藏DIV的正确方法是什么？

What is the correct way to show/hide a DIV with jQuery?

推荐答案

你可以写一个选择器来隐藏 midRight 的所有子div ，然后用传递的ID显示div。无需转换为String，因为这是您传递的内容：

You could write you selector to hide all child div's of midRight, then show the div with the passed ID. No need to cast to a String, since that is what you are passing:

function showPage(showdiv){
    $('#midRight > div').hide()
    $(showdiv).show();
}

这篇关于如何使用jQuery显示/隐藏DIV的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！