Question

我正在尝试用HTML，css和jQuery创建一个FAQ页面。我想在打开问题时旋转我的箭头，并在点击另一个问题时将其旋转回来。我设法使用let keyboardWidth = self.keyboardView.frame.size.width let screenWidth = UIScreen.mainScreen().bounds.size.width if (keyboardWidth < screenWidth) { print("The keyboard is being displayed in an iPhone app that is running on an iPad.") }标签，但我现在遇到了图像问题。有人知道怎么做吗？

这是我写的代码：http://jsfiddle.net/jmex1p5g/62/

<p>

Answer 1

我编辑了你的小提琴：http://jsfiddle.net/jmex1p5g/63/

基本上，您应该从所有图像中删除rotate类，然后再将其添加到所选图像中。这是一种常见的做法。

遵循相关代码：

$('ul[class="questions"] li').click(function() {
   // ...
   // code
   // ...

  var img_icon = $(this).children('a');
  var image = $(this).children('span');

  var realimage = $(image).children('img');
  if (isVisible === true){
        img_icon.removeClass('icon_minus').addClass('icon_plus');
        $('li.question img').removeClass('rotate');
        realimage.toggleClass('rotate');
  } else {
        img_icon.removeClass('icon_plus').addClass('icon_minus');
        $('li.question img').removeClass('rotate');
        realimage.toggleClass('rotate');
  }
});

  //... 
  //the rest of code

Jquery在图像之间切换

1 个答案: