Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将文章替换为div,并添加一个按钮,该按钮将保持不变,可以在文章和div内容之间切换_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 将文章替换为div,并添加一个按钮,该按钮将保持不变,可以在文章和div内容之间切换

Javascript 将文章替换为div,并添加一个按钮,该按钮将保持不变,可以在文章和div内容之间切换,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当我单击按钮在文章和div之间切换内容时,我希望使用jQuery。 到目前为止,jQuery还没有达到预期的效果。 这就是我的全部,如果你们能给我指点,我将不胜感激 $('.gal')。在('click',function()上{ 如果($('article').css('display')!='none'){ $('#vnav').html($('#vnav').html()).show().sibbins('div').hide(); }else if($('vnav').css('dis

当我单击按钮在文章和div之间切换内容时,我希望使用jQuery。 到目前为止,jQuery还没有达到预期的效果。 这就是我的全部,如果你们能给我指点,我将不胜感激

$('.gal')。在('click',function()上{
如果($('article').css('display')!='none'){
$('#vnav').html($('#vnav').html()).show().sibbins('div').hide();
}else if($('vnav').css('display')!='none'){
$('#vnav').show().siplines('div').hide();}
});

画廊
里面有些内容

您只需编写此代码,即可在单击按钮时在
文章
div
之间切换

$('.gal')。在('click',function()上{
$('article').toggle();
$('#vnav').toggle();

});

您只需编写此代码,即可在单击按钮时在
文章
div
之间切换

$('.gal')。在('click',function()上{
$('article').toggle();
$('#vnav').toggle();
});

您可以试试这个

JS

var show = true;

$('.gal').click(function() {
 if(show == true) {
   $('article').hide(200);
   $('#vnav').show(200);
   show = false;
 } else {
   $('#vnav').hide(200);
   $('article').show(200);
     show = true;
 }
});
你可以试试这个

JS

var show = true;

$('.gal').click(function() {
 if(show == true) {
   $('article').hide(200);
   $('#vnav').show(200);
   show = false;
 } else {
   $('#vnav').hide(200);
   $('article').show(200);
     show = true;
 }
});

因此,当您单击按钮时,div的内容应该进入文章?还是应该交换内容?文章是静态内容,单击后,文章应显示,div内容应显示在文章的位置。因此,当您单击按钮时,div的内容应进入文章?还是内容交换?文章是静态内容,单击后,文章应该显示,div内容应该显示在文章的位置谢谢这非常有用:)我没有想到:)谢谢这非常有用:)我没有想到:)