Question

我不确定我的问题是否有意义，但是，

我正在使用jQuery在点击时将图像从关闭状态切换到打开状态。这很难开始工作（我相当新手）。问题在于，开启状态是具有相当数量的正文副本的图像。它显然不像它是实时类型那样好。我想知道，如果有可能的话，on-state是一个带有实时文本的div，它会被隐藏直到单击图像。

我不知道如何解决这个问题，因为我对jQuery的了解相当有限。

该页面目前正在托管here

脚本：

    <script type="text/javascript">
    $(function(){
        $("#click li").click(function (e) {
            $("#click li.selected").not(this).removeClass("selected");
            $(this).toggleClass("selected");
        });
    });
    </script>

Answer 1

你可以同时包含一个div - 最初隐藏的，大小与图像匹配 - 以及每个li中的图像。

CSS：

.imagetext {
  display: none;
  height: 50px; /* or whatever */
  width: 50px;
}

#click li img {
  display: block;
  height: 50px; /* or whatever */
  width: 50px;
}
#click li.selected img {
  display: none;
}

#click .imagetext {
  display: block;
}

HTML符合以下几行：

<div id="#click">
  <ul>
    <li>
      <img src="..." />
      <div class="imagetext">Four score and seven...</div>
    </li>
    <!-- ... -->
  </ul>
</div>

我可以使用Jquery切换图像，但点击后会显示实时文本吗？

1 个答案: