当同时单击两个提交按钮时,如何在wordpress循环中的两个图像之间切换div元素?我有一个div,单击第一个提交按钮时应选择第一个图像,然后单击第二个按钮时选择第二个图像。现在这只是第一篇文章。
<div class="totart">
<?php while ( have_posts() ) : the_post(); ?>
<div class="first_image" id="img1" style="display: block;">
<?php the_post_thumbnail(); ?></div>
<div class="second_image" id="img2" style="display: none;">
<?php if (class_exists(\'MultiPostThumbnails\')) :
MultiPostThumbnails::the_post_thumbnail(get_post_type(), \'secondary-image\');
endif; ?></div>
<input type="button" value="" id="btn1" style="background:yellow;" />
<input type="button" value="" id="btn2" style="background:green;"/>
<?php endwhile; // end of the loop. ?>
</div>
jquery
<script type="text/javascript">
$(\'#btn1\').click(function(e) {
e.preventDefault(); // prevent submitting forms by accident
$(\'#img1\').show();
$(\'#img2\').hide();
});
$(\'#btn2\').click(function(e) {
e.preventDefault(); // prevent submitting forms by accident
$(\'#img1\').hide();
$(\'#img2\').show();
});