小编sou*_*ave的帖子

我正在努力研究这个问题的解决方案：

找到一种方法来实现可折叠按钮（或其他类似对象），以便

1. 它们可以在同一行中使用
2. 单击时，其内容显示在按钮所在行和下一行之间
3. 他们反应敏捷
4. 内容的样式独立于标题

我制作这个 gif 是为了更好地了解我想要获得什么

到目前为止，我尝试使用可折叠对象和详细信息/摘要标签。

似乎通过使用可折叠对象只能实现第 2 号和第 4 号功能。事实上，由于内容（div 类）必须手动放置在文本中的某个位置（因此在固定位置），所以我不这样做不知道如何才能实现响应能力。与第 1 点相同，如果两个按钮放置在同一行，并且两个内容放置在下一行，则第二个按钮将使用它找到的第一个内容，但第一个按钮和第二个内容不能同时使用。用过的。

这是一些关于可折叠对象的代码

var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.maxHeight) {
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + "px";
    }
  });
}

.collapsible {
  border: none;
  background: none;
  outline:none;
  padding: 0;
  font-size: 1em;
  color: green;
    }

.ccontent {
  max-height: 0;					
  overflow: hidden;
  background-color: …

我正在使用facebook graph API来更新/编辑页面上特定帖子的文本

import facebook

page_token = '...'
fb = facebook.GraphAPI(access_token = page_token, version="2.12")
page_id = '...'
post_id = '...'
fb.put_object(parent_object = page_id + '_' + post_id,
              connection_name = '',
              message = 'new text')

现在我正在尝试将本地图像（存储在 python 脚本的同一文件夹中）添加到这篇文章中，但我不明白如何正确执行此操作，我尝试过

fb.put_object(parent_object=page_id+'_'+post_id, connection_name='', message='new text', source = open('out.png', 'rb'))

和

fb.put_object(parent_object=page_id+'_'+post_id, connection_name='', message='new text', object_attachment = open('out.png', 'rb'))

但它们都不起作用。提示？

ps这些是我的应用程序的许可

pages_show_list
pages_read_engagement
pages_read_user_content
pages_manage_posts
pages_manage_engagement

编辑：我尝试使用该功能put_photo，但它创建了一个新帖子，将图像添加到其中，而我需要将图像添加到已经存在的帖子中