Question

如果满足某些条件，我使用以下代码在2个div之间切换。

<script type = "text/javascript">
$(".myImg").click(function(){
    var imgSrc = $(this).attr("src");
    $(".showImg").attr("src",imgSrc);
    $( ".borders" ).hide('slow');
    $( ".borderswBadges" ).show('slow');
});
</script>

HTML：

  <img class="myImg" style="margin-left:10px; margin-top:10px; float:left;" src="badges/legal1.png" width="54" height="123"/>
  <img class="myImg" style="margin-left:10px; margin-top:10px; float:left;" src="badges/legal2.png" width="54" height="123"/>


<div class="badge" id="apDiv2"><img class="showImg" width="73" height="140" /></div>

我正在使用以下代码使用选择选项YES/NO来隐藏Div。

HTML：

<select id="test" name="form_select" onchange="showDiv(this)">
   <option value="1">Yes</option>
   <option value ="0">No</option>
</select>

的javascript：

<script type="text/javascript">

$(document).ready(function(){

    $("#test").change(function() {

    if ($("#test").val() == 0)
    {
        $(".borders").hide();
            $(".borderswBadges").hide();
    }
    if ($("#test").val() == 1)
    {      
        $(".borders").show();
            $(".borderswBadges").show();
    }
});

    $("#test").change();

});
 </script>

现在的问题是......一切正常，除非我尝试在测试选择表单中选择“是”或“否”，它将同时删除Div的.borders和.borderswBadges或显示两者他们!!!

我需要做的是找到一种方法来展示其中一种......

例如，如果显示.borders，我希望.borderswBadges隐藏，如果.borderswBadges显示，我需要.borders隐藏！

我怎样才能实现这一目标？

任何帮助将不胜感激。

Answer 1

因为你显示/隐藏它们。将你的if语句更改为：

if ($("#test").val() == 0)
{
    $(".borders").hide();
        $(".borderswBadges").show();
}
if ($("#test").val() == 1)
{      
    $(".borderswBadges").hide();
        $(".borders").show();
}

使用jquery在2 Div之间切换？

1 个答案: