javascript - 如何使用javascript点击同一个类或id两次并获取不同的属性

Question

提前谢谢，我的语言不好，如果有任何错误，请原谅，

$('.clickable').click(function(){
    $('.content').fadeIn();
});
$('.clickable').click(function(){
    $('.content').fadeOut();
});

有没有办法让同一个类点击两次并获得不同的属性。

我已经尝试隐藏一个类，当单击它时，它会显示， 这里有详细信息，

<div class="show">show</div>
<div class="hide" style="display:none;">hide</div>

$('.show').click(function(){
    $('.content').fadeIn();
    $('.show').css("display","none");
    $('.hide').css("display","block");
});
$('.hide').click(function(){
    $('.content').fadeOut();
    $('.hide').css("display","none");
    $('.show').css("display","block");
});

Answer 1

使用fadeToggle

$('#FadeToggle').click(function() {
  $('.content').fadeToggle();

  $(this).text(function() {
    return $(this).text() == 'Hide' ? 'Show' : 'Hide';
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p class="content">the content</p>
<button id="FadeToggle">Hide</button>