Jquery 切换隐藏后不显示 div
Jquery toggle not showing div after hiding
当您单击 'Darrien Tu' 时,最右侧的文本会消失,但当您再次单击该名称时,它不会恢复。
https://jsfiddle.net/gkrh0ok0/1/
$("#nav_list").click(function () {
$(".sidebar-right").toggle();
});
我检查了 fiddle。 .sidebar-right
有一个问题
你给了 margin-left:80%
而不是 right:20px
这可能有助于解决您的问题。
我已经更新了你的脚本代码:
<script>
$(document).ready(function() {
$menuLeft = $('.pushmenu-left');
$nav_list = $('#nav_list');
$nav_list.click(function() {
$(this).toggleClass('active');
$('.pushmenu-push').toggleClass('pushmenu-push-toright');
$menuLeft.toggleClass('pushmenu-open').after($(".sidebar-right").toggle('slow'));
});
});
</script>
对此代码添加注释
<script>
/*$("#nav_list").click(function() {
// assumes element with id='button'
$(".sidebar-right").toggle();
});*/
</script>
当您单击 'Darrien Tu' 时,最右侧的文本会消失,但当您再次单击该名称时,它不会恢复。
https://jsfiddle.net/gkrh0ok0/1/
$("#nav_list").click(function () {
$(".sidebar-right").toggle();
});
我检查了 fiddle。 .sidebar-right
有一个问题你给了 margin-left:80%
而不是 right:20px
这可能有助于解决您的问题。
我已经更新了你的脚本代码:
<script>
$(document).ready(function() {
$menuLeft = $('.pushmenu-left');
$nav_list = $('#nav_list');
$nav_list.click(function() {
$(this).toggleClass('active');
$('.pushmenu-push').toggleClass('pushmenu-push-toright');
$menuLeft.toggleClass('pushmenu-open').after($(".sidebar-right").toggle('slow'));
});
});
</script>
对此代码添加注释
<script>
/*$("#nav_list").click(function() {
// assumes element with id='button'
$(".sidebar-right").toggle();
});*/
</script>