<；部门>；使用Jquery在单击时展开_Jquery_Html_Css

<；部门>；使用Jquery在单击时展开

jquery html css

<；部门>；使用Jquery在单击时展开,jquery,html,css,Jquery,Html,Css,我一直在网上冲浪，当我点击它的时候，我就找到了如何让一个div下降的答案。但我不明白。顺便说一下，我没有密码。如果有人能给我一个解释，我将不胜感激。你的问题并不明显，但我会尽力回答通常在另一个div中插入div，并将该类或元素设置为隐藏在css中。然后，当用户单击div时，使用JS或Jquery更改css属性并将其设置为visible <html> <head> <style> .hidden { visibility: h

我一直在网上冲浪，当我点击它的时候，我就找到了如何让一个div下降的答案。但我不明白。顺便说一下，我没有密码。如果有人能给我一个解释，我将不胜感激。

你的问题并不明显，但我会尽力回答

通常在另一个div中插入div，并将该类或元素设置为隐藏在css中。然后，当用户单击div时，使用JS或Jquery更改css属性并将其设置为visible

<html>
<head>
    <style>

    .hidden {
        visibility: hidden;
    }

    .show {
        visibility: visible;
    }

    .blue {
        background: blue;
        color:white;
        heigth:400px;
    }
    </style>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256 hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
</head>

<div id="parent" class="blue">
Click on the div
    <div id="content" class="hidden">
      .... Some content inside that is first hidden then showed when user 
      clicks
    </div>
<div>

<script>

$('#parent').on('click', function () {
    $(this).children(':first').toggleClass('show');

});

</script>


.隐藏{
可见性：隐藏；
}
.表演{
能见度：可见；
}
蓝先生{
背景：蓝色；
颜色：白色；
高度：400px；
}
单击div
.... 里面的一些内容首先隐藏，然后在用户访问时显示
咔哒声
$（'#parent'）。在（'单击'，函数（）{
$（this）.children（':first'）.toggleClass（'show'）；
});

如果我正确理解了一个问题，那么我会尽力帮助

Css

Html


我爱你，我爱你。。。

这个问题没有太多研究证据。您正在寻找的主题是“手风琴”，实现它的一种常见方法是使用JQuery，请参阅此处的指南“如何使div向下”，您的意思是展示它吗？如果尚未显示，您如何单击它？发布一些你尝试过的代码。你明白我的问题了。我明白你的意思了。但是代码不起作用。我已经更新了我的答案，将包含所有必要的代码，它应该会起作用。请看上面更新的答案。

#my_div {
    height: 15px;
    background: #ccc;
    transition: all .5s;
}

$(document).ready(function() {
    $('#my_div').click(function() {
        $(this).css('height', '100px'); 
    });
});

<div id="my_div">
    Lorem ipsum dolor sit amet...
</div>