Question

当我点击按钮切换文章和div之间的内容时，我想用jQuery。 jQuery到目前为止，但它没有按预期工作。多数民众赞成，如果你们能指导我，我将不胜感激。

＆＃13;

   $('.gal').on('click',function(){
    		if($('article').css('display')!='none'){
    			$('#vnav').html($('#vnav').html()).show().siblings('div').hide();
    			 }else if($('#vnav').css('display')!=='none'){
    				  $('#vnav').show().siblings('div').hide();}
    	});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="gal">Gallery</button></div>
    
    <article>some content inside</article>
    
    <div id="vnav" style="display:none;">
    	<ul id="horizontal"> 
    		<li><img src="images/1.jpg" width="782" alt="" height="440" /></li> 
    		<li><img src="images/2.jpg" width="782" alt="" height="440" /></li> 
    		<li><img src="images/3.jpg" width="782" alt="" height="440" /></li> 
    		<li><img src="images/4.jpg" width="782" alt="" height="440" /></li> 
    		<li><img src="images/5.jpg" width="782" alt="" height="440" /></li> 
    	</ul> 
    </div>

＆＃13;

提前致谢！

Answer 1

您只需编写此代码即可在article＆amp;之间切换。点击按钮div。

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

Answer 2

您可以尝试此https://jsfiddle.net/2Lzo9vfc/170/

<强> 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内容之间切换

2 个答案: