点击jquery中的两个函数

Question

我有这两个函数，我想应用于相同的点击（我确实有他们都在点击函数内具有相同的结果...图像切换工作，每次除了节目。/隐藏切换（ “optionToggle”）只适用于第一次提前

function imageToggle() { 
    var img = $('.choices').find('.btn').children().children('img'); 
    img.toggle(function() {img.attr("src","images/misc/dotr-add.png");}, 
    function() {img.attr("src","images/misc/dotr-minus.png");} 
    ); 
} 


function optionToggle() { 
    var option = $('.choices').find('.btn').closest('.dishActions').children('.option'); 
    option.toggle(); 
} 
$('.btn').click(function() { 
    optionToggle(); 
    imageToggle(); 
}); 

这里既有做工精细seperately

由于是代码 -

<div class="dishActions"> 
    <!-- DISH CHOICE --> 
    <div class="choices"> 
     <div class="btn"> 
      <a href="#"> 
      <img src="images/misc/dotr-add.png" height="40" width="40" alt="button up" border="0" /> 
     </div> 
     <div class="choicesTxt">Choices </div> 
    </div> 
    <!-- DISH OPTIONS --> 
    <div class="option"> 

Answer 1

$('.btn').on('click', function() { 
    var state = $(this).data('state'), 
     image = state ? 'dotr-add' : 'dotr-minus'; 
    $(this).data('state', !state) 
      .find('img') 
      .prop('src', 'images/misc/' + image + '.png'); 
}); 

编辑：

我不明白你为什么会想这样，但功能：

function imageToggle(state, elem) { 
    var image = state ? 'dotr-add' : 'dotr-minus'; 

    $(elem).find('img').prop('src', 'images/misc/' + image + '.png'); 
} 

function optionToggle(state, elem) { 
    $(elem).closest('.dishActions').children('.option').toggle(!state); 
} 

$('.btn').on('click', function() { 
    var state = $(this).data('state'); 
    imageToggle(state, this); 
    optionToggle(state, this); 
    $(this).data('state', !state) 
});