點擊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) 
});