Question

我试图用jQuery来理解，但由于我从未使用过javascript，因此我遇到了一些麻烦。

基本上我想做什么。

我有这段代码：

git checkout master

我想将其更改为以下内容：

<div>    
  <a href="#"> Text 1 </a>
</div>
<div class="col-sm-5">
  <span class="text show" style="display: none">sometext</span>
  <img src="someimage.png">
</div>

单击与＃34;文本1＆＃34;。

的链接后

变更清单：更改链接文字切换图像的文字和其他方式

每次点击链接时，都应该切换到另一个变体，后退和前进。

我已经尝试了一些我发现的解决方案，主要是javascripts，但由于我从未使用过它们，所以我无法使它工作。

http://jsfiddle.net/j999y/2362/

Answer 1

有很多方法可以做你想做的事，但最直接的可能就是这样：

＆＃13;

$('.text').click(function() {
  $('.text.show').toggle();
  $('.image').toggle();
  $(this).text('Text 1 CHANGED');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>    
  <a href="#" class="text">Text 1</a>
</div>
<div class="col-sm-5">
  <span class="text show" style="display: none">sometext</span>
  <img class="image" src="https://lh3.googleusercontent.com/L8b2jHW8ttKu2spXcN6yUjocE_yIBG3E-bBot66cUOj_KsVCm6WcW5A-mxkKM4al6FI=w300-rw">
</div>

＆＃13;

一次jQuery多个动作

1 个答案: