jquery隐藏并显示效果？
守则：jquery隐藏并显示效果？,jquery,Jquery,守则： <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".toggle_container").show(); $("h2.trigger").click(function(){
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".toggle_container").show();
$("h2.trigger").click(function(){
$(".toggle_container").toggle("slow");
$(".container").css('width','700px');
});
});
</script>
<body>
<div class="container">
<p>raesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. raesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. </p>
</div>
<div id="sidebar">
<div class="toggle_container">
<div class="block">
<p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter diam neque antehabeo blandit, jumentum transverbero luptatum. Lenis vel diam praemitto molior facilisi facilisi suscipere abico, ludus, at. Wisi suscipere nisl ad capto comis esse, autem genitus. Feugiat immitto ullamcorper hos luptatum gilvus eum. Delenit patria nunc os pneum acsi nulla magna singularis proprius autem exerci accumsan. </p><p>Praesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. </p>
</div>
</div>
<h2 class="trigger"><a href="#">hide or show</a></h2>
</div>
</body>
我的js代码无法工作。如何纠正它。谢谢。嗯，您需要在其中添加一些条件语句。例如，if{}else{}。您正在调用jquerytoggle命令，但随后对发生的操作进行硬编码。当用户再次单击返回“默认”视图时会发生什么情况。您的左侧边栏将切换，再次显示，但您的主容器仅停留在700px 这并不完全是我应该怎么做的，但这里有一个简单的例子：
// jQuery toggle function
$('h2.trigger').click(function() {
var container = $('.container');
$('.toggle_container').toggle('slow');
if (container.width > 400) {
container.css('width', '400px');
} else {
container.css('width', '700px');
}
});