0

我有一个想法，有 3 个简单的步骤来揭示与在 3 个步骤中输入的信息相关的答案。我正在使用这个很棒的显示/隐藏脚本但是我现在要做的是当有人选择“伞形雇员”时，我希望下一个问题出现在下面，同样，如果我选择“自雇个体经营者”我想要下面会出现一个不同的框，然后最终根据输入的选项有一个答案（在这种情况下是相关方案）

我无法弄清楚如何做到这一点，因为我认为必须记住每个选项才能使结果与输入的信息相匹配。

这是一个jsfiddle

这是代码

html

<a href="#"><img src="http://www.paycoservices.co.uk/images/3-step-sfinder.png" width="968" height="100"  class="show_hide" alt="3 steps" /></a>

<div class="slidingDiv">
<img src="http://www.paycoservices.co.uk/images/step1.png" width="60" height="58"  class="show_hide" alt="step 1" />
<font color=white><strong><h3>I want to work as:</h3></strong></font> <a href="#"  class="show_hide"></a>
<a href="#"><img src="http://www.paycoservices.co.uk/images/umbrella-emp.png" width="389" height="58" class="show_hide"  alt="umbrella employee" /></a>
<a href="#"><img src="http://www.paycoservices.co.uk/images/self-employed.png" style="float:right; width="473"  height="58" class="show_hide" alt="umbrella employee" /></a>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

css

.slidingDiv {
height:160px;
width:928px;
background-color: #84CFF4;
padding:20px;
margin-top:5px;
border-bottom:5px solid #84CFF4;
}

.show_hide {
display:none;
}

JS

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});

});
4

1 回答 1

0

我不确定我是否解决了您的问题！
但是为什么你不给链接一个ID然后检查 

$("#umbrella").live("click", function() {
 shownext;
})
$("#self").live("click", function() {
 showanother;
})

并为进一步的步骤，你做一个 if (... 显示)

我希望你的问题是正确的。

于 2013-07-02T10:49:42.040 回答